{"id":42,"date":"2026-08-07T18:02:00","date_gmt":"2026-08-07T18:02:00","guid":{"rendered":"https:\/\/frame-worker.com\/?p=42"},"modified":"2026-08-07T18:02:00","modified_gmt":"2026-08-07T18:02:00","slug":"notes-on-responsive-viewport-units","status":"publish","type":"post","link":"https:\/\/frame-worker.com\/?p=42","title":{"rendered":"Notes on Responsive Viewport Units"},"content":{"rendered":"\n\n\n\n\n<section id=\"basic-text-section-1-block_e48c01942c5e9f6a054329f884e90356\" class=\"fw-basic-text-section-1 basicTextSection1 basic-text-text-align-left fw-white-background-color fw-section-top-padding-normal fw-section-bottom-padding-normal\">\n  <div class=\"fw-content\">\n    <div class=\"fw-section-side-one\">\n            <h2 class=\"fw-heading-lg fw-headline\">\n        Notes on Responsive Viewport Units      <\/h2>\n                  <div class=\"fw-body-copy\">\n        <p>Fluid type and spacing need guardrails.<\/p>\n<p>Viewport units scale smoothly, but without limits they can produce text that is too small on phones or too large on wide displays. We clamp them to sensible floors and ceilings so the result reads well at every width.<\/p>\n<p>The tokens carry those limits, so a block behaves the same way wherever it is used.<\/p>\n      <\/div>\n                <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-42","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Notes on Responsive Viewport Units - FUG SMW Parent Theme<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Notes on Responsive Viewport Units - FUG SMW Parent Theme\" \/>\n<meta property=\"og:url\" content=\"https:\/\/frame-worker.com\/?p=42\" \/>\n<meta property=\"og:site_name\" content=\"FUG SMW Parent Theme\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-07T18:02:00+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/frame-worker.com\\\/?p=42#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/frame-worker.com\\\/?p=42\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Notes on Responsive Viewport Units\",\"datePublished\":\"2026-08-07T18:02:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/frame-worker.com\\\/?p=42\"},\"wordCount\":5,\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/frame-worker.com\\\/?p=42\",\"url\":\"https:\\\/\\\/frame-worker.com\\\/?p=42\",\"name\":\"Notes on Responsive Viewport Units - FUG SMW Parent Theme\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/frame-worker.com\\\/#website\"},\"datePublished\":\"2026-08-07T18:02:00+00:00\",\"author\":{\"@id\":\"\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/frame-worker.com\\\/?p=42#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/frame-worker.com\\\/?p=42\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/frame-worker.com\\\/?p=42#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/frame-worker.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Notes on Responsive Viewport Units\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/frame-worker.com\\\/#website\",\"url\":\"https:\\\/\\\/frame-worker.com\\\/\",\"name\":\"FUG SMW Parent Theme\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/frame-worker.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Notes on Responsive Viewport Units - FUG SMW Parent Theme","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Notes on Responsive Viewport Units - FUG SMW Parent Theme","og_url":"https:\/\/frame-worker.com\/?p=42","og_site_name":"FUG SMW Parent Theme","article_published_time":"2026-08-07T18:02:00+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/frame-worker.com\/?p=42#article","isPartOf":{"@id":"https:\/\/frame-worker.com\/?p=42"},"author":{"name":"","@id":""},"headline":"Notes on Responsive Viewport Units","datePublished":"2026-08-07T18:02:00+00:00","mainEntityOfPage":{"@id":"https:\/\/frame-worker.com\/?p=42"},"wordCount":5,"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/frame-worker.com\/?p=42","url":"https:\/\/frame-worker.com\/?p=42","name":"Notes on Responsive Viewport Units - FUG SMW Parent Theme","isPartOf":{"@id":"https:\/\/frame-worker.com\/#website"},"datePublished":"2026-08-07T18:02:00+00:00","author":{"@id":""},"breadcrumb":{"@id":"https:\/\/frame-worker.com\/?p=42#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/frame-worker.com\/?p=42"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/frame-worker.com\/?p=42#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/frame-worker.com\/"},{"@type":"ListItem","position":2,"name":"Notes on Responsive Viewport Units"}]},{"@type":"WebSite","@id":"https:\/\/frame-worker.com\/#website","url":"https:\/\/frame-worker.com\/","name":"FUG SMW Parent Theme","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/frame-worker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"categories_names":["Uncategorized"],"_links":{"self":[{"href":"https:\/\/frame-worker.com\/index.php?rest_route=\/wp\/v2\/posts\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frame-worker.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frame-worker.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/frame-worker.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=42"}],"version-history":[{"count":5,"href":"https:\/\/frame-worker.com\/index.php?rest_route=\/wp\/v2\/posts\/42\/revisions"}],"predecessor-version":[{"id":252,"href":"https:\/\/frame-worker.com\/index.php?rest_route=\/wp\/v2\/posts\/42\/revisions\/252"}],"wp:attachment":[{"href":"https:\/\/frame-worker.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=42"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frame-worker.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=42"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frame-worker.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}