{"id":7260,"date":"2014-01-16T16:34:44","date_gmt":"2014-01-16T21:34:44","guid":{"rendered":"http:\/\/dandelionwebde.wpengine.com\/?p=7260"},"modified":"2017-08-04T17:20:58","modified_gmt":"2017-08-04T21:20:58","slug":"responsive-wordpress-theme","status":"publish","type":"post","link":"https:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/","title":{"rendered":"An Introduction to Responsive Web Design for WordPress"},"content":{"rendered":"

Responding to the Changing Web<\/h2>\n

What is a responsive website?<\/h3>\n

A responsive website is one that adjusts or “responds” to the size of the device screen displaying it and to the orientation of the device. Images, videos, text, etc., will automatically re-size or\u00a0reposition as necessary.<\/p>\n

The goal of responsive web design is “to provide an optimal viewing experience\u2014easy reading and navigation with a minimum of resizing, panning, and scrolling\u2014across a wide range of devices (from mobile phones to desktop computer monitors).” [Wikipedia]<\/p>\n

Free Responsive WordPress Theme<\/h2>\n

One of the most popular free WordPress themes is the Responsive Theme<\/a><\/em> by CyberChimps. But you don’t have to choose this theme to have a responsive site. If you are choosing a theme from the WordPress repository look for any theme with the responsive-layout<\/a> tag.<\/p>\n

How does a responsive website work?<\/h2>\n

Responsive web design relies on three components, fluid grids, flexible images and media queries. This is a very simple introduction…but don’t worry, you don’t have to understand these concepts to use the theme. That said, it does help if you want to start customizing the theme.<\/p>\n

The Fluid Responsive Grid:<\/h3>\n
\"responsive
image from cyberchimps.com<\/figcaption><\/figure>\n

The Responsive<\/em> theme is built on a fluid 12 column grid system that automatically scales website elements to container widths. The\u00a0Responsive<\/em>\u00a0theme demo shows this visual example of the theme’s\u00a0fluid responsive grid<\/a>.<\/p>\n

If your WordPress theme has widgets in a right sidebar, those widgets will stack below the main content area when there isn’t enough width for them to display on the right.<\/p>\n

In responsive styling, relative percentages are used instead of fixed pixel dimensions. For example, instead of defining fonts by pixels we can use relative ems. The \u201cem\u201d is a scalable unit that is\u00a0becoming increasingly popular in web documents because it is mobile-friendly.\u00a0\u00a0Assume the\u00a0body<\/code>\u2019s default type size is 16px this translates to 1em.\u00a0So if we want our H1 title to be 1.5 times the default body size, we set the H1 to 1.5 em (equal to 24px). You’ll find this\u00a0px to em converter<\/a>\u00a0helpful for this.<\/p>\n

Flexible images:<\/h3>\n

The key is to define images with percentages instead of fixed pixels. \u00a0Below is a simple global css rule to add to your stylesheet. Using max-width makes the image relative to the size of the fluid grid container it is in. No image will extend beyond the container and the image aspect ratio will be maintained.<\/p>\n

img {\r\n    max-width: 100%;\r\n}<\/code><\/pre>\n
Media Queries allow us to target the device:<\/h3>\n
By restricting a CSS rule to the particular width of the device we can target devices (i.e. smartphones, tablets, netbooks, and desktops) with varying screen resolutions.\u00a0For instance, visit my site\u00a0on dandelionwebde.wpengine.com on your iPad (or simply re-size your desktop browser window).\u00a0\u00a0I turned off the top search box for phones, small tablets and tablets in portrait view; in landscape view it pops back in.<\/p>\n
Here is the css code I used.<\/p>\n
@media all and (max-width: 1020px) {\r\n#top-widget {\r\ndisplay: none;\r\n}\r\n}<\/code><\/pre>\n
What do you think? Is it time to go Responsive?<\/h2>\n
Responsive Design has quickly become the industry standard for how a website should be built. If connecting with consumers through your website is important to you, realize that consumers are starting to expect a mobile-friendly web experience.<\/p>\n","protected":false},"excerpt":{"rendered":"
Responding to the Changing Web What is a responsive website? A responsive website is one that adjusts or “responds” to […]<\/p>\n","protected":false},"author":3,"featured_media":8205,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"url":"","client":"","location":"","start_date":"","end_date":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[10],"tags":[91],"class_list":["post-7260","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-web-design"],"yoast_head":"\nAn Introduction to Responsive Web Design for WordPress<\/title>\n<meta name=\"description\" content=\"Responsive Design has quickly become the industry standard for how a website should be built. Consumers expect a mobile-friendly web experience\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"An Introduction to Responsive Web Design for WordPress\" \/>\n<meta property=\"og:description\" content=\"Responsive Design has quickly become the industry standard for how a website should be built. Consumers expect a mobile-friendly web experience\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/\" \/>\n<meta property=\"og:site_name\" content=\"Dandelion Web Design\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/dandelionwebdesign\" \/>\n<meta property=\"article:published_time\" content=\"2014-01-16T21:34:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-08-04T21:20:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dandelionwebdesign.com\/wp-content\/uploads\/2014\/01\/responsive-webdesign-720x405.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"405\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ruth Maude\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@http:\/\/twitter.com\/#!\/dandelionweb\" \/>\n<meta name=\"twitter:site\" content=\"@dandelionweb\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ruth Maude\" \/>\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:\\\/\\\/dandelionwebdesign.com\\\/responsive-wordpress-theme\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/responsive-wordpress-theme\\\/\"},\"author\":{\"name\":\"Ruth Maude\",\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/#\\\/schema\\\/person\\\/a795a75d3a41dd80e34c402c1e159040\"},\"headline\":\"An Introduction to Responsive Web Design for WordPress\",\"datePublished\":\"2014-01-16T21:34:44+00:00\",\"dateModified\":\"2017-08-04T21:20:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/responsive-wordpress-theme\\\/\"},\"wordCount\":557,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/responsive-wordpress-theme\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/dandelionwebdesign.com\\\/wp-content\\\/uploads\\\/2014\\\/01\\\/responsive-webdesign.jpg\",\"keywords\":[\"Web Design\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/dandelionwebdesign.com\\\/responsive-wordpress-theme\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/responsive-wordpress-theme\\\/\",\"url\":\"https:\\\/\\\/dandelionwebdesign.com\\\/responsive-wordpress-theme\\\/\",\"name\":\"An Introduction to Responsive Web Design for WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/responsive-wordpress-theme\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/responsive-wordpress-theme\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/dandelionwebdesign.com\\\/wp-content\\\/uploads\\\/2014\\\/01\\\/responsive-webdesign.jpg\",\"datePublished\":\"2014-01-16T21:34:44+00:00\",\"dateModified\":\"2017-08-04T21:20:58+00:00\",\"description\":\"Responsive Design has quickly become the industry standard for how a website should be built. Consumers expect a mobile-friendly web experience\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/responsive-wordpress-theme\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dandelionwebdesign.com\\\/responsive-wordpress-theme\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/responsive-wordpress-theme\\\/#primaryimage\",\"url\":\"https:\\\/\\\/dandelionwebdesign.com\\\/wp-content\\\/uploads\\\/2014\\\/01\\\/responsive-webdesign.jpg\",\"contentUrl\":\"https:\\\/\\\/dandelionwebdesign.com\\\/wp-content\\\/uploads\\\/2014\\\/01\\\/responsive-webdesign.jpg\",\"width\":4000,\"height\":2250,\"caption\":\"An Introduction to Responsive Web Design for WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/responsive-wordpress-theme\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/dandelionwebdesign.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"An Introduction to Responsive Web Design for WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/#website\",\"url\":\"https:\\\/\\\/dandelionwebdesign.com\\\/\",\"name\":\"Dandelion Web Design\",\"description\":\"WordPress Web Design & Development in Toronto\",\"publisher\":{\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dandelionwebdesign.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/#organization\",\"name\":\"Dandelion Web Design\",\"url\":\"https:\\\/\\\/dandelionwebdesign.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dandelionwebdesign.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/6-e1707245796666.png\",\"contentUrl\":\"https:\\\/\\\/dandelionwebdesign.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/6-e1707245796666.png\",\"width\":350,\"height\":82,\"caption\":\"Dandelion Web Design\"},\"image\":{\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/dandelionwebdesign\",\"https:\\\/\\\/x.com\\\/dandelionweb\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/dandelionwebdesign.com\\\/#\\\/schema\\\/person\\\/a795a75d3a41dd80e34c402c1e159040\",\"name\":\"Ruth Maude\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e0bfa6c8d5416e5a8309157ed26371340fc40952dd0222b177abb1d823a0c4c6?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e0bfa6c8d5416e5a8309157ed26371340fc40952dd0222b177abb1d823a0c4c6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e0bfa6c8d5416e5a8309157ed26371340fc40952dd0222b177abb1d823a0c4c6?s=96&d=mm&r=g\",\"caption\":\"Ruth Maude\"},\"sameAs\":[\"https:\\\/\\\/dandelionwebdesign.com\",\"http:\\\/\\\/www.linkedin.com\\\/in\\\/ruthmaude\",\"https:\\\/\\\/x.com\\\/http:\\\/\\\/twitter.com\\\/#!\\\/dandelionweb\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"An Introduction to Responsive Web Design for WordPress","description":"Responsive Design has quickly become the industry standard for how a website should be built. Consumers expect a mobile-friendly web experience","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:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/","og_locale":"en_US","og_type":"article","og_title":"An Introduction to Responsive Web Design for WordPress","og_description":"Responsive Design has quickly become the industry standard for how a website should be built. Consumers expect a mobile-friendly web experience","og_url":"https:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/","og_site_name":"Dandelion Web Design","article_publisher":"https:\/\/www.facebook.com\/dandelionwebdesign","article_published_time":"2014-01-16T21:34:44+00:00","article_modified_time":"2017-08-04T21:20:58+00:00","og_image":[{"width":720,"height":405,"url":"https:\/\/dandelionwebdesign.com\/wp-content\/uploads\/2014\/01\/responsive-webdesign-720x405.jpg","type":"image\/jpeg"}],"author":"Ruth Maude","twitter_card":"summary_large_image","twitter_creator":"@http:\/\/twitter.com\/#!\/dandelionweb","twitter_site":"@dandelionweb","twitter_misc":{"Written by":"Ruth Maude","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/#article","isPartOf":{"@id":"https:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/"},"author":{"name":"Ruth Maude","@id":"https:\/\/dandelionwebdesign.com\/#\/schema\/person\/a795a75d3a41dd80e34c402c1e159040"},"headline":"An Introduction to Responsive Web Design for WordPress","datePublished":"2014-01-16T21:34:44+00:00","dateModified":"2017-08-04T21:20:58+00:00","mainEntityOfPage":{"@id":"https:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/"},"wordCount":557,"commentCount":2,"publisher":{"@id":"https:\/\/dandelionwebdesign.com\/#organization"},"image":{"@id":"https:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/dandelionwebdesign.com\/wp-content\/uploads\/2014\/01\/responsive-webdesign.jpg","keywords":["Web Design"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/","url":"https:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/","name":"An Introduction to Responsive Web Design for WordPress","isPartOf":{"@id":"https:\/\/dandelionwebdesign.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/#primaryimage"},"image":{"@id":"https:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/dandelionwebdesign.com\/wp-content\/uploads\/2014\/01\/responsive-webdesign.jpg","datePublished":"2014-01-16T21:34:44+00:00","dateModified":"2017-08-04T21:20:58+00:00","description":"Responsive Design has quickly become the industry standard for how a website should be built. Consumers expect a mobile-friendly web experience","breadcrumb":{"@id":"https:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/#primaryimage","url":"https:\/\/dandelionwebdesign.com\/wp-content\/uploads\/2014\/01\/responsive-webdesign.jpg","contentUrl":"https:\/\/dandelionwebdesign.com\/wp-content\/uploads\/2014\/01\/responsive-webdesign.jpg","width":4000,"height":2250,"caption":"An Introduction to Responsive Web Design for WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/dandelionwebdesign.com\/responsive-wordpress-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dandelionwebdesign.com\/"},{"@type":"ListItem","position":2,"name":"An Introduction to Responsive Web Design for WordPress"}]},{"@type":"WebSite","@id":"https:\/\/dandelionwebdesign.com\/#website","url":"https:\/\/dandelionwebdesign.com\/","name":"Dandelion Web Design","description":"WordPress Web Design & Development in Toronto","publisher":{"@id":"https:\/\/dandelionwebdesign.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dandelionwebdesign.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/dandelionwebdesign.com\/#organization","name":"Dandelion Web Design","url":"https:\/\/dandelionwebdesign.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dandelionwebdesign.com\/#\/schema\/logo\/image\/","url":"https:\/\/dandelionwebdesign.com\/wp-content\/uploads\/2024\/02\/6-e1707245796666.png","contentUrl":"https:\/\/dandelionwebdesign.com\/wp-content\/uploads\/2024\/02\/6-e1707245796666.png","width":350,"height":82,"caption":"Dandelion Web Design"},"image":{"@id":"https:\/\/dandelionwebdesign.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/dandelionwebdesign","https:\/\/x.com\/dandelionweb"]},{"@type":"Person","@id":"https:\/\/dandelionwebdesign.com\/#\/schema\/person\/a795a75d3a41dd80e34c402c1e159040","name":"Ruth Maude","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/e0bfa6c8d5416e5a8309157ed26371340fc40952dd0222b177abb1d823a0c4c6?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e0bfa6c8d5416e5a8309157ed26371340fc40952dd0222b177abb1d823a0c4c6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e0bfa6c8d5416e5a8309157ed26371340fc40952dd0222b177abb1d823a0c4c6?s=96&d=mm&r=g","caption":"Ruth Maude"},"sameAs":["https:\/\/dandelionwebdesign.com","http:\/\/www.linkedin.com\/in\/ruthmaude","https:\/\/x.com\/http:\/\/twitter.com\/#!\/dandelionweb"]}]}},"uagb_featured_image_src":{"full":["https:\/\/dandelionwebdesign.com\/wp-content\/uploads\/2014\/01\/responsive-webdesign.jpg",4000,2250,false],"thumbnail":["https:\/\/dandelionwebdesign.com\/wp-content\/uploads\/2014\/01\/responsive-webdesign-300x169.jpg",300,169,true],"medium":["https:\/\/dandelionwebdesign.com\/wp-content\/uploads\/2014\/01\/responsive-webdesign-685x386.jpg",685,386,true],"medium_large":["https:\/\/dandelionwebdesign.com\/wp-content\/uploads\/2014\/01\/responsive-webdesign-768x432.jpg",768,432,true],"large":["https:\/\/dandelionwebdesign.com\/wp-content\/uploads\/2014\/01\/responsive-webdesign-720x405.jpg",720,405,true],"1536x1536":["https:\/\/dandelionwebdesign.com\/wp-content\/uploads\/2014\/01\/responsive-webdesign.jpg",1536,864,false],"2048x2048":["https:\/\/dandelionwebdesign.com\/wp-content\/uploads\/2014\/01\/responsive-webdesign.jpg",2048,1152,false]},"uagb_author_info":{"display_name":"Ruth Maude","author_link":"https:\/\/dandelionwebdesign.com\/author\/ruth-maude-2\/"},"uagb_comment_info":2,"uagb_excerpt":"Responding to the Changing Web What is a responsive website? A responsive website is one that adjusts or “responds” to […]","_links":{"self":[{"href":"https:\/\/dandelionwebdesign.com\/wp-json\/wp\/v2\/posts\/7260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dandelionwebdesign.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dandelionwebdesign.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dandelionwebdesign.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dandelionwebdesign.com\/wp-json\/wp\/v2\/comments?post=7260"}],"version-history":[{"count":0,"href":"https:\/\/dandelionwebdesign.com\/wp-json\/wp\/v2\/posts\/7260\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dandelionwebdesign.com\/wp-json\/wp\/v2\/media\/8205"}],"wp:attachment":[{"href":"https:\/\/dandelionwebdesign.com\/wp-json\/wp\/v2\/media?parent=7260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dandelionwebdesign.com\/wp-json\/wp\/v2\/categories?post=7260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dandelionwebdesign.com\/wp-json\/wp\/v2\/tags?post=7260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}