{"id":2844,"date":"2013-05-06T16:18:51","date_gmt":"2013-05-06T10:48:51","guid":{"rendered":"https:\/\/www.csschopper.com\/blog\/?p=2844"},"modified":"2023-05-18T17:28:09","modified_gmt":"2023-05-18T11:58:09","slug":"beginners-guide-learn-responsive-web-design-in-just-3-simple-levels","status":"publish","type":"post","link":"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/","title":{"rendered":"Beginners\u2019 Guide: Learn Responsive Web design in just 3 Simple LEVELS"},"content":{"rendered":"<p style=\"text-align: justify;\"><strong>Responsive web design (RWD) is the technology of the year 2013, which is providing convenience and intuitiveness to the internet surfing experience, regardless of the browser\u2019s multiple resolution sizes.<\/strong><\/p>\n<p style=\"text-align: center;\"><img class=\"aligncenter\" title=\"CSS Chopper\" src=\"https:\/\/www.csschopper.com\/blog\/wp-content\/uploads\/2013\/05\/Csschopper1-592x444.jpg\" alt=\"CSS Chopper\" width=\"550\" height=\"444\" \/><\/p>\n<p style=\"text-align: justify;\">For many novices, it would be obvious to ask, \u201cwhat the heck is RWD\u201d? Go through the blog, which is posted exclusively to guide the beginners regarding \u2018Responsive web design concept\u2019.<\/p>\n<h2 id=\"level-i\">LEVEL I<\/h2>\n<p style=\"text-align: justify;\"><strong>Responsive\u2026 Responsive\u2026 Responsive\u2026 What exactly is it?<\/strong><\/p>\n<p style=\"text-align: justify;\">Today, RWD technology runs behind multitudes of websites, in order to provide Multiple Fluid Grid Layouts that work flawlessly on any resolution size. Earlier the web applications (having Multiple Fixed Width Layouts) were developed focusing only on a particular set of device (say for example desktop\/ PC, tablet, mobile etc.). Therefore, a single business\u2019s website needs to be developed for multiple separate devices such as for mobile users, tablet users and laptop users. This is where the need for <a href=\"https:\/\/www.csschopper.com\/psd-to-responsive-webdesign.shtml\">Responsive Web Design<\/a> emerged and acclaimed globally for bringing the theory of \u201cone-for-all\u201d website concept.<\/p>\n<p style=\"text-align: justify;\"><strong>From where the problem arose<\/strong><\/p>\n<p style=\"text-align: justify;\">With the increasingly launching multiple devices, browsers and platforms, there was a need of one technology that can act like a \u2018Panacea\u2019 for all. RWD is the one PERFECT solution, replacing the need for having multiple sites with the one purpose.<\/p>\n<p style=\"text-align: justify;\">The RWD based website can work efficiently for PC\u2019s browsers as well as other multiple handheld devices available in the market. The technology uses mixed approach i.e.,<\/p>\n<ul>\n<li style=\"text-align: justify;\">Fixed width for large to medium devices<\/li>\n<li style=\"text-align: justify;\">Fluid width for small sized devices<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img class=\"aligncenter size-full wp-image-2846\" title=\"Responsive Web Design\" src=\"https:\/\/www.csschopper.com\/blog\/wp-content\/uploads\/2013\/05\/RWD-1.png\" alt=\"Responsive Web Design\" width=\"550\" height=\"383\" \/><\/p>\n<h2 style=\"text-align: justify;\" style=\"text-align: justify;\" id=\"level-ii\">LEVEL II<\/h2>\n<p style=\"text-align: justify;\"><strong>Time to upgrade your knowledge about RWD<\/strong><\/p>\n<p style=\"text-align: justify;\">Expanding your knowledge about something in-depth, without mentioning about the inventor is truly unfair. Ethan Marcotte, the creator behind the RWD technology, who states RWD as the set of techniques and notions that makes it a complete thing!<\/p>\n<p style=\"text-align: justify;\"><strong>What problems can RWD resolve?<\/strong><\/p>\n<p style=\"text-align: justify;\">Today, computers aren\u2019t a piece of hardware devices but people spend their quality time there, whether it is a source of entertainment or income. With the constantly upgrading web technologies, the tech-savvy users and audiences expect for enhanced browsing experience, especially on the handheld devices (which they easily carry all the time). RWD is helpful in resolving the problem to meet the broad spectrum of devices\u2019 resolutions and screen sizes with just one version of the application. Also, we can say RWD is future friendly, as it perfectly fits the need of a vast range of devices lunching today or in-future.<\/p>\n<h2 style=\"text-align: justify;\" style=\"text-align: justify;\" id=\"level-iii\">LEVEL III<\/h2>\n<p style=\"text-align: justify;\"><strong>Getting familiar with technical terms like Fluid Grids &amp; Media Queries<\/strong><\/p>\n<p style=\"text-align: justify;\">Remember, I mentioned Fluid Grids in the preceding section (level 1). Fluid Grid is very essential in RWD, as it plays an important role in giving its core essence. Whether the layout is widened to the big desktop screen or squeezed onto the tiny mobile screen, all the elements in the layout should work proportionally to each other, in order to render high fidelity screen resolution to the viewer.<\/p>\n<p style=\"text-align: justify;\">Secondly, Media Queries are also a crucial aspect of RWD that lets you accumulate the data from the visitors\u2019 end and accordingly apply CSS Style. Media Queries are said to be the hub of any RWD framework. In short, a media query is used for declaring the parameters of CSS based on the dimensions of the currently used device. Two methods are followed for calling a media query<\/p>\n<ul style=\"text-align: justify;\">\n<li>Writing straightly in a stylesheet<\/li>\n<li>Employing an external stylesheet<\/li>\n<\/ul>\n<h2 style=\"text-align: justify;\" style=\"text-align: justify;\" id=\"why-to-adopt-the-trend-of-responsive-web-design\">Why to adopt the trend of Responsive web design<\/h2>\n<p style=\"text-align: justify;\"><strong>Search engine friendly:<\/strong> The websites developed using RWD are favored by search engines because of their friendly structures that are easily read by the crawlers. Multiple sites for just one common purpose are accidently considered duplicate content by the search engines. Such type of websites may deteriorate the ranking in the search results.<\/p>\n<p style=\"text-align: justify;\"><strong>Adaptive layout:<\/strong> This is the best thing about RWD, which adapts quickly to the device screen and resolution. The website on a desktop will give complete information about the site including the big menu bar for easy readability. On mobile screen, the web application will shrink the large menu bar with a dropdown menu, without missing the essential information from the web application.<\/p>\n<p style=\"text-align: center;\"><img class=\"aligncenter size-full wp-image-2847\" title=\"Adaptive Layout\" src=\"https:\/\/www.csschopper.com\/blog\/wp-content\/uploads\/2013\/05\/adaptive-example-wide.jpg\" alt=\"Adaptive Layout\" width=\"550\" height=\"219\" \/><\/p>\n<p style=\"text-align: justify;\"><strong>Enhanced accessibility<\/strong><\/p>\n<p style=\"text-align: justify;\">The websites developed using responsive web design technology offer enhanced usability for the users who have motor, visual and similar impairments. This makes your website accessible by a larger group of people and hence spreading your website\u2019s popularity and resulting in increased traffic.<\/p>\n<p style=\"text-align: justify;\">On a short &amp; crisp note, responsive web design technology gives ease to the online audiences (to enjoy the site seamless without manipulation hassles) as well as giving site patrons (to earn good returns on investments). The online users can experience app-like browsing experience for faster loading and intuitive working pleasure. However, hiring<\/p>\n<p style=\"text-align: justify;\">Hope after reading this blog, the novice Responsive web page designers would have gained sufficient knowledge about Responsive Web Design in a simpler and interactive way.<\/p>\n<p><strong>Posted By:<\/strong>\u00a0<strong><a href=\"https:\/\/www.csschopper.com\/\">CSSChopper<\/a><\/strong> Team<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Responsive web design (RWD) is the technology of the year 2013, which is providing convenience and intuitiveness to the internet surfing experience, regardless of the browser\u2019s multiple resolution sizes. For many novices, it would be obvious to ask, \u201cwhat the heck is RWD\u201d? Go through the blog, which is posted exclusively to guide the beginners [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[282],"tags":[169,168],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>From Novice to Pro: Responsive Web Design in 3 Simple Steps<\/title>\n<meta name=\"description\" content=\"Learning Responsive Web Design: A Beginner&#039;s Guide in just 3 steps. These steps give you sufficient information about responsive web design in a simpler way.\" \/>\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.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"From Novice to Pro: Responsive Web Design in 3 Simple Steps\" \/>\n<meta property=\"og:description\" content=\"Learning Responsive Web Design: A Beginner&#039;s Guide in just 3 steps. These steps give you sufficient information about responsive web design in a simpler way.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/\" \/>\n<meta property=\"og:site_name\" content=\"CSSChopper\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CSSChopperOfficial\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-05-06T10:48:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-18T11:58:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.csschopper.com\/blog\/wp-content\/uploads\/2013\/05\/Csschopper1-592x444.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@csschopper\" \/>\n<meta name=\"twitter:site\" content=\"@csschopper\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.csschopper.com\/blog\/#organization\",\"name\":\"CSSChopper - Your Trusted Technology Partner\",\"url\":\"https:\/\/www.csschopper.com\/blog\/\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/csschopper\/\",\"https:\/\/www.designrush.com\/agency\/profile\/csschopper\",\"https:\/\/www.goodfirms.co\/companies\/view\/1856\/csschopper\",\"https:\/\/clutch.co\/profile\/csschopper\",\"https:\/\/www.facebook.com\/CSSChopperOfficial\/\",\"https:\/\/twitter.com\/csschopper\"],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.csschopper.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.csschopper.com\/blog\/wp-content\/uploads\/2020\/05\/logo.jpg\",\"contentUrl\":\"https:\/\/www.csschopper.com\/blog\/wp-content\/uploads\/2020\/05\/logo.jpg\",\"width\":800,\"height\":500,\"caption\":\"CSSChopper - Your Trusted Technology Partner\"},\"image\":{\"@id\":\"https:\/\/www.csschopper.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.csschopper.com\/blog\/#website\",\"url\":\"https:\/\/www.csschopper.com\/blog\/\",\"name\":\"CSSChopper\",\"description\":\"Know More About Us-News &amp; Blog\",\"publisher\":{\"@id\":\"https:\/\/www.csschopper.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.csschopper.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#primaryimage\",\"url\":\"https:\/\/www.csschopper.com\/blog\/wp-content\/uploads\/2013\/05\/Csschopper1-592x444.jpg\",\"contentUrl\":\"https:\/\/www.csschopper.com\/blog\/wp-content\/uploads\/2013\/05\/Csschopper1-592x444.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#webpage\",\"url\":\"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/\",\"name\":\"From Novice to Pro: Responsive Web Design in 3 Simple Steps\",\"isPartOf\":{\"@id\":\"https:\/\/www.csschopper.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#primaryimage\"},\"datePublished\":\"2013-05-06T10:48:51+00:00\",\"dateModified\":\"2023-05-18T11:58:09+00:00\",\"description\":\"Learning Responsive Web Design: A Beginner's Guide in just 3 steps. These steps give you sufficient information about responsive web design in a simpler way.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.csschopper.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Beginners\u2019 Guide: Learn Responsive Web design in just 3 Simple LEVELS\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.csschopper.com\/blog\/#\/schema\/person\/3b4c4a923092f39700ebd52b6df7a1de\"},\"headline\":\"Beginners\u2019 Guide: Learn Responsive Web design in just 3 Simple LEVELS\",\"datePublished\":\"2013-05-06T10:48:51+00:00\",\"dateModified\":\"2023-05-18T11:58:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#webpage\"},\"wordCount\":828,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.csschopper.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.csschopper.com\/blog\/wp-content\/uploads\/2013\/05\/Csschopper1-592x444.jpg\",\"keywords\":[\"Responsive Web design\",\"Web design\"],\"articleSection\":[\"Conversion Services\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.csschopper.com\/blog\/#\/schema\/person\/3b4c4a923092f39700ebd52b6df7a1de\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.csschopper.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/976880d3a3333e3c487a76cfba771509?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/976880d3a3333e3c487a76cfba771509?s=96&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/www.csschopper.com\/blog\/author\/vikash\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"From Novice to Pro: Responsive Web Design in 3 Simple Steps","description":"Learning Responsive Web Design: A Beginner's Guide in just 3 steps. These steps give you sufficient information about responsive web design in a simpler way.","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.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/","og_locale":"en_US","og_type":"article","og_title":"From Novice to Pro: Responsive Web Design in 3 Simple Steps","og_description":"Learning Responsive Web Design: A Beginner's Guide in just 3 steps. These steps give you sufficient information about responsive web design in a simpler way.","og_url":"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/","og_site_name":"CSSChopper","article_publisher":"https:\/\/www.facebook.com\/CSSChopperOfficial\/","article_published_time":"2013-05-06T10:48:51+00:00","article_modified_time":"2023-05-18T11:58:09+00:00","og_image":[{"url":"https:\/\/www.csschopper.com\/blog\/wp-content\/uploads\/2013\/05\/Csschopper1-592x444.jpg"}],"twitter_card":"summary","twitter_creator":"@csschopper","twitter_site":"@csschopper","twitter_misc":{"Written by":"admin","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.csschopper.com\/blog\/#organization","name":"CSSChopper - Your Trusted Technology Partner","url":"https:\/\/www.csschopper.com\/blog\/","sameAs":["https:\/\/www.linkedin.com\/company\/csschopper\/","https:\/\/www.designrush.com\/agency\/profile\/csschopper","https:\/\/www.goodfirms.co\/companies\/view\/1856\/csschopper","https:\/\/clutch.co\/profile\/csschopper","https:\/\/www.facebook.com\/CSSChopperOfficial\/","https:\/\/twitter.com\/csschopper"],"logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.csschopper.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.csschopper.com\/blog\/wp-content\/uploads\/2020\/05\/logo.jpg","contentUrl":"https:\/\/www.csschopper.com\/blog\/wp-content\/uploads\/2020\/05\/logo.jpg","width":800,"height":500,"caption":"CSSChopper - Your Trusted Technology Partner"},"image":{"@id":"https:\/\/www.csschopper.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"WebSite","@id":"https:\/\/www.csschopper.com\/blog\/#website","url":"https:\/\/www.csschopper.com\/blog\/","name":"CSSChopper","description":"Know More About Us-News &amp; Blog","publisher":{"@id":"https:\/\/www.csschopper.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.csschopper.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#primaryimage","url":"https:\/\/www.csschopper.com\/blog\/wp-content\/uploads\/2013\/05\/Csschopper1-592x444.jpg","contentUrl":"https:\/\/www.csschopper.com\/blog\/wp-content\/uploads\/2013\/05\/Csschopper1-592x444.jpg"},{"@type":"WebPage","@id":"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#webpage","url":"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/","name":"From Novice to Pro: Responsive Web Design in 3 Simple Steps","isPartOf":{"@id":"https:\/\/www.csschopper.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#primaryimage"},"datePublished":"2013-05-06T10:48:51+00:00","dateModified":"2023-05-18T11:58:09+00:00","description":"Learning Responsive Web Design: A Beginner's Guide in just 3 steps. These steps give you sufficient information about responsive web design in a simpler way.","breadcrumb":{"@id":"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.csschopper.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Beginners\u2019 Guide: Learn Responsive Web design in just 3 Simple LEVELS"}]},{"@type":"Article","@id":"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#article","isPartOf":{"@id":"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#webpage"},"author":{"@id":"https:\/\/www.csschopper.com\/blog\/#\/schema\/person\/3b4c4a923092f39700ebd52b6df7a1de"},"headline":"Beginners\u2019 Guide: Learn Responsive Web design in just 3 Simple LEVELS","datePublished":"2013-05-06T10:48:51+00:00","dateModified":"2023-05-18T11:58:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#webpage"},"wordCount":828,"commentCount":0,"publisher":{"@id":"https:\/\/www.csschopper.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#primaryimage"},"thumbnailUrl":"https:\/\/www.csschopper.com\/blog\/wp-content\/uploads\/2013\/05\/Csschopper1-592x444.jpg","keywords":["Responsive Web design","Web design"],"articleSection":["Conversion Services"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.csschopper.com\/blog\/beginners-guide-learn-responsive-web-design-in-just-3-simple-levels\/#respond"]}]},{"@type":"Person","@id":"https:\/\/www.csschopper.com\/blog\/#\/schema\/person\/3b4c4a923092f39700ebd52b6df7a1de","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.csschopper.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/976880d3a3333e3c487a76cfba771509?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/976880d3a3333e3c487a76cfba771509?s=96&r=g","caption":"admin"},"url":"https:\/\/www.csschopper.com\/blog\/author\/vikash\/"}]}},"_links":{"self":[{"href":"https:\/\/www.csschopper.com\/blog\/wp-json\/wp\/v2\/posts\/2844"}],"collection":[{"href":"https:\/\/www.csschopper.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.csschopper.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.csschopper.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.csschopper.com\/blog\/wp-json\/wp\/v2\/comments?post=2844"}],"version-history":[{"count":14,"href":"https:\/\/www.csschopper.com\/blog\/wp-json\/wp\/v2\/posts\/2844\/revisions"}],"predecessor-version":[{"id":6453,"href":"https:\/\/www.csschopper.com\/blog\/wp-json\/wp\/v2\/posts\/2844\/revisions\/6453"}],"wp:attachment":[{"href":"https:\/\/www.csschopper.com\/blog\/wp-json\/wp\/v2\/media?parent=2844"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.csschopper.com\/blog\/wp-json\/wp\/v2\/categories?post=2844"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.csschopper.com\/blog\/wp-json\/wp\/v2\/tags?post=2844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}