{"id":34330,"date":"2024-06-10T09:32:02","date_gmt":"2024-06-10T07:32:02","guid":{"rendered":"https:\/\/www.markhendriksen.com\/?p=34330"},"modified":"2024-06-11T07:29:35","modified_gmt":"2024-06-11T05:29:35","slug":"what-is-rem-in-css","status":"publish","type":"post","link":"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/","title":{"rendered":"What is REM in CSS?"},"content":{"rendered":"\n<p>In the world of web design, achieving scalable and responsive layouts is crucial. One key concept that aids in this is REM (Root EM) units in CSS. Understanding REM can significantly improve the scalability and consistency of your designs.<\/p>\n\n\n<div class=\"gb-container gb-container-9ecf0639\">\n\n<h3 class=\"wp-block-heading\">Table of Contents<\/h3>\n\n\n\n<ul class=\"listsquare-listsquare-single wp-block-list\">\n<li><a href=\"#understanding\">Understanding Units in CSS<\/a><\/li>\n\n\n\n<li><a href=\"#why-use-rem\">Why Use REM?<\/a><\/li>\n\n\n\n<li><a href=\"#how-to-use-rem\">How to Use REM in CSS<\/a><\/li>\n\n\n\n<li><a href=\"#comparing\">Comparing REM with Other Units<\/a><\/li>\n\n\n\n<li><a href=\"#examples\">Practical Examples<\/a><\/li>\n\n\n\n<li><a href=\"#common-pitfalls\">Common Pitfalls and How to Avoid Them<\/a><\/li>\n\n\n\n<li><a href=\"#conclusion\">Conclusion<\/a><\/li>\n\n\n\n<li><a href=\"#resources\">Additional Resources<\/a><\/li>\n<\/ul>\n\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"understanding\">Understanding Units in CSS<\/h2>\n\n\n\n<p>Before diving into REM, it&#8217;s important to understand the basic units used in CSS:<\/p>\n\n\n\n<ul class=\"listsquare-listsquare-single wp-block-list\">\n<li><strong>Pixel (px)<\/strong>: A fixed unit of measurement. For example, 16px is always 16 pixels, regardless of the user&#8217;s settings.<\/li>\n\n\n\n<li><strong>EM (em)<\/strong>: A relative unit that scales according to the font size of the parent element. For instance, if the parent element&#8217;s font size is 20px, 1em will be 20px.<\/li>\n\n\n\n<li><strong>REM (rem)<\/strong>: Similar to EM but relative to the root element&#8217;s font size (usually the HTML element). This means 1rem is equal to the root font size.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"why-use-rem\">Why Use REM?<\/h2>\n\n\n\n<ul class=\"listsquare-listsquare-single wp-block-list\">\n<li><strong>Scalability<\/strong>: REM units scale proportionally with the root font size, making it easy to create scalable and flexible designs. Changing the root font size in one place can adjust the sizes of all elements using REM units.<\/li>\n\n\n\n<li><strong>Consistency<\/strong>: Using REM ensures consistency across different components and layouts since it always references the root font size.<\/li>\n\n\n\n<li><strong>Accessibility<\/strong>: REM units enhance accessibility by respecting user preferences for font sizes, allowing for better readability and user experience.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-use-rem\">How to Use REM in CSS<\/h2>\n\n\n\n<ul class=\"listsquare-listsquare-single wp-block-list\">\n<li><strong>Setting Root Font Size<\/strong>: Define the root font size in your CSS to establish a baseline. For example<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: css; title: ; notranslate\" title=\"\">\nhtml {\n    font-size: 16px;\n}\n<\/pre><\/div>\n\n\n<ul class=\"listsquare-listsquare-single wp-block-list\">\n<li><strong>Using REM for Sizing<\/strong>: Apply REM units for various properties to maintain scalability. For instance:<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: css; title: ; notranslate\" title=\"\">\nbody {\n    font-size: 1rem; \/* 16px *\/\n}\nh1 {\n    font-size: 2rem; \/* 32px *\/\n}\np {\n    margin: 1rem 0; \/* 16px top and bottom *\/\n}\n<\/pre><\/div>\n\n\n<ul class=\"listsquare-listsquare-single wp-block-list\">\n<li><strong>Best Practices<\/strong>: Use REM for typography and layout properties to ensure consistency and scalability. Avoid mixing units excessively to maintain a clear hierarchy.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"comparing\">Comparing REM with Other Units<\/h2>\n\n\n\n<ul class=\"listsquare-listsquare-single wp-block-list\">\n<li><strong>REM vs EM<\/strong>: While both are relative units, REM is based on the root font size, making it more predictable and easier to manage. EM units can become complex due to their dependence on parent elements.<\/li>\n\n\n\n<li><strong>REM vs PX<\/strong>: Pixels are fixed and do not scale, which can be a limitation for responsive designs. REM units provide a flexible alternative, adapting to different screen sizes and user settings.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"examples\">Practical Examples<\/h2>\n\n\n\n<ul class=\"listsquare-listsquare-single wp-block-list\">\n<li><strong>Typography<\/strong>: Setting consistent typography using REM:<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: css; title: ; notranslate\" title=\"\">\nbody {\n    font-size: 1rem; \/* 16px *\/\n}\nh1 {\n    font-size: 2.5rem; \/* 40px *\/\n}\nh2 {\n    font-size: 2rem; \/* 32px *\/\n}\n<\/pre><\/div>\n\n\n<ul class=\"listsquare-listsquare-single wp-block-list\">\n<li><strong>Layouts<\/strong>: Creating responsive layouts with REM:<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: css; title: ; notranslate\" title=\"\">\n.container {\n    padding: 2rem; \/* 32px *\/\n}\n.box {\n    margin: 1rem; \/* 16px *\/\n    width: 10rem; \/* 160px *\/\n}\n<\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"common-pitfalls\">Common Pitfalls and How to Avoid Them<\/h2>\n\n\n\n<ul class=\"listsquare-listsquare-single wp-block-list\">\n<li><strong>Misunderstanding Inheritance<\/strong>: Ensure you understand how REM units inherit from the root element. Avoid setting conflicting font sizes that can disrupt the expected scaling.<\/li>\n\n\n\n<li><strong>Browser Compatibility<\/strong>: Most modern browsers support REM units well. However, always test your designs across different browsers to ensure compatibility.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p>REM units offer a powerful way to create scalable, consistent, and accessible web designs. By understanding and applying REM effectively, you can enhance the flexibility and usability of your projects.<\/p>\n\n\n\n<p>For a practical tool to convert PX to REM, check out our <a href=\"https:\/\/www.markhendriksen.com\/px-to-rem-converter\/\">PX to REM Converter<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"resources\">Additional Resources<\/h2>\n\n\n\n<ul class=\"listsquare-listsquare-single wp-block-list\">\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/length\" target=\"_blank\" rel=\"noreferrer noopener\">CSS Units Documentation<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.markhendriksen.com\/understanding-em-vs-rem-in-css\/\">Em vs REM Explained<\/a><\/li>\n<\/ul>\n\n\n\n<p>By following these guidelines, you&#8217;ll be well-equipped to use REM units effectively in your CSS, ensuring your designs are both flexible and user-friendly.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the world of web design, achieving scalable and responsive layouts is crucial. One key concept that aids in this is REM (Root EM) units in CSS. Understanding REM can significantly improve the scalability and consistency of your designs. Table of Contents Understanding Units in CSS Before diving into REM, it&#8217;s important to understand the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":34339,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[108],"tags":[],"class_list":["post-34330","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is REM in CSS? A Guide to Responsive Design<\/title>\n<meta name=\"description\" content=\"Learn what REM units are in CSS, why they&#039;re important for scalable and accessible web design, and how to use them effectively.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is REM in CSS? A Guide to Responsive Design\" \/>\n<meta property=\"og:description\" content=\"Learn what REM units are in CSS, why they&#039;re important for scalable and accessible web design, and how to use them effectively.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Mark Hendriksen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/madebymarkhendriksen\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-10T07:32:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-11T05:29:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/06\/What-is-REM-in-CSS.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mark Hendriksen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mark Hendriksen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/\"},\"author\":{\"name\":\"Mark Hendriksen\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\"},\"headline\":\"What is REM in CSS?\",\"datePublished\":\"2024-06-10T07:32:02+00:00\",\"dateModified\":\"2024-06-11T05:29:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/\"},\"wordCount\":531,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/06\/What-is-REM-in-CSS.jpg\",\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/\",\"url\":\"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/\",\"name\":\"What is REM in CSS? A Guide to Responsive Design\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/06\/What-is-REM-in-CSS.jpg\",\"datePublished\":\"2024-06-10T07:32:02+00:00\",\"dateModified\":\"2024-06-11T05:29:35+00:00\",\"description\":\"Learn what REM units are in CSS, why they're important for scalable and accessible web design, and how to use them effectively.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/#primaryimage\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/06\/What-is-REM-in-CSS.jpg\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/06\/What-is-REM-in-CSS.jpg\",\"width\":720,\"height\":400,\"caption\":\"What is REM in CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.markhendriksen.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design\",\"item\":\"https:\/\/www.markhendriksen.com\/web-design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"What is REM in CSS?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.markhendriksen.com\/#website\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"name\":\"Mark Hendriksen\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.markhendriksen.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\",\"name\":\"Mark Hendriksen\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"width\":354,\"height\":40,\"caption\":\"Mark Hendriksen\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/madebymarkhendriksen\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\",\"name\":\"Mark Hendriksen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"caption\":\"Mark Hendriksen\"},\"url\":\"https:\/\/www.markhendriksen.com\/author\/twopixels\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is REM in CSS? A Guide to Responsive Design","description":"Learn what REM units are in CSS, why they're important for scalable and accessible web design, and how to use them effectively.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/","og_locale":"en_US","og_type":"article","og_title":"What is REM in CSS? A Guide to Responsive Design","og_description":"Learn what REM units are in CSS, why they're important for scalable and accessible web design, and how to use them effectively.","og_url":"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/","og_site_name":"Mark Hendriksen","article_publisher":"https:\/\/www.facebook.com\/madebymarkhendriksen","article_published_time":"2024-06-10T07:32:02+00:00","article_modified_time":"2024-06-11T05:29:35+00:00","og_image":[{"width":720,"height":400,"url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/06\/What-is-REM-in-CSS.jpg","type":"image\/jpeg"}],"author":"Mark Hendriksen","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mark Hendriksen","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/#article","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/"},"author":{"name":"Mark Hendriksen","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765"},"headline":"What is REM in CSS?","datePublished":"2024-06-10T07:32:02+00:00","dateModified":"2024-06-11T05:29:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/"},"wordCount":531,"commentCount":0,"publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"image":{"@id":"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/06\/What-is-REM-in-CSS.jpg","articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/","url":"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/","name":"What is REM in CSS? A Guide to Responsive Design","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/#primaryimage"},"image":{"@id":"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/06\/What-is-REM-in-CSS.jpg","datePublished":"2024-06-10T07:32:02+00:00","dateModified":"2024-06-11T05:29:35+00:00","description":"Learn what REM units are in CSS, why they're important for scalable and accessible web design, and how to use them effectively.","breadcrumb":{"@id":"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/#primaryimage","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/06\/What-is-REM-in-CSS.jpg","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2024\/06\/What-is-REM-in-CSS.jpg","width":720,"height":400,"caption":"What is REM in CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/www.markhendriksen.com\/what-is-rem-in-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.markhendriksen.com\/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https:\/\/www.markhendriksen.com\/web-design\/"},{"@type":"ListItem","position":3,"name":"What is REM in CSS?"}]},{"@type":"WebSite","@id":"https:\/\/www.markhendriksen.com\/#website","url":"https:\/\/www.markhendriksen.com\/","name":"Mark Hendriksen","description":"","publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.markhendriksen.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.markhendriksen.com\/#organization","name":"Mark Hendriksen","url":"https:\/\/www.markhendriksen.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","width":354,"height":40,"caption":"Mark Hendriksen"},"image":{"@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/madebymarkhendriksen"]},{"@type":"Person","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765","name":"Mark Hendriksen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","caption":"Mark Hendriksen"},"url":"https:\/\/www.markhendriksen.com\/author\/twopixels\/"}]}},"_links":{"self":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/34330","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/comments?post=34330"}],"version-history":[{"count":3,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/34330\/revisions"}],"predecessor-version":[{"id":34360,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/34330\/revisions\/34360"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media\/34339"}],"wp:attachment":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media?parent=34330"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/categories?post=34330"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/tags?post=34330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}