{"id":81418,"date":"2025-06-14T12:36:05","date_gmt":"2025-06-14T12:36:05","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/"},"modified":"2025-06-14T12:37:31","modified_gmt":"2025-06-14T12:37:31","slug":"responsive-html5-css-grid","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/","title":{"rendered":"Responsive HTML5 CSS Grid"},"content":{"rendered":"<a href=\"https:\/\/go.fiverr.com\/visit\/?bta=1052423&nci=17043\" Target=\"_Top\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/fiverr.ck-cdn.com\/tn\/serve\/?cid=40081059\"  width=\"601\" height=\"201\"><\/a>\n<\/p>\n<p><a class=\"wp_automatic_demo_btn\" target=\"_blank\" href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fresponsive-html5-css-grid%2Ffull_screen_preview%2F4928861\">LIVE PREVIEW<\/a><a class=\"wp_automatic_buy_btn\" target=\"_blank\" href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fresponsive-html5-css-grid%2F4928861\">BUY FOR $7<\/a><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/previews.customer.envatousercontent.com\/files\/223196315\/envato_preview_590x300_v7.jpg\"><\/p>\n<p><a href=\"http:\/\/www.cssgrid.co\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/www.cssgrid.co\/envatitor\/v7\/support7.png\" alt=\"Responsive HTML5 CSS Grid - 1\" \/><\/a> <a href=\"https:\/\/codecanyon.net\/user\/CSSGrid\/follow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/www.cssgrid.co\/envatitor\/v7\/envato7.png\" alt=\"Responsive HTML5 CSS Grid - 2\" \/><\/a> <\/p>\n<h2 id=\"item-description__welcome-to-the-highest-rated-responsive-html5-css-grid-on-codecanyon\">Welcome to the very best rated <a href=\"http:\/\/www.cssgrid.co\" rel=\"nofollow\">Responsive HTML5 CSS grid<\/a>, on CodeCanyon.<\/h2>\n<h5 id=\"item-description__css-grid-is-a-simple-responsive-css-grid-system-from-1-to-8-columns-which-uses\">CSS Grid is a straightforward responsive css grid system from 1 to eight columns which makes use of CSS, HTML and Javascript for the Header and Navigation.<\/p>\n<p> <a href=\"http:\/\/www.cssgrid.co\/css-grid\/\" rel=\"nofollow\">View the demo on CSS Grid<\/a> or <a href=\"http:\/\/www.cssgrid.co\/css-grid\/instructions\/\" rel=\"nofollow\">read instructions<\/a> on the best way to use it.<\/h5>\n<h3 id=\"item-description__why-is-this-different-to-other-css-grids\">Why is that this totally different to different CSS grids?<\/h3>\n<p> There are numerous grids on the market already, however after engaged on a number of responsive web sites, I discovered most of them to be fairly complicated for inexperienced persons, so I developed this easy resolution the place builders in any respect ranges would have the ability to use it. <\/p>\n<h3 id=\"item-description__features\">Options:<\/h3>\n<ul>\n<li>1 to eight columns<\/li>\n<li>Fastened or Proportion Columns<\/li>\n<li>Column variations<\/li>\n<li>Use fluid columns or add margins<\/li>\n<li>Stack columns on cellular<\/li>\n<li>4 Header Choices &#8211; Static, Fastened, Sticky or Reveal<\/li>\n<li>3 Navigation Choices &#8211; Proper, Left or Centre<\/li>\n<li>Straightforward Setup<\/li>\n<li>CSS Animation for Cell Toggle Menu<\/li>\n<li><a href=\"http:\/\/www.cssgrid.co\/css-grid\/instructions\/\" rel=\"nofollow\">Detailed Instructions<\/a><\/li>\n<\/ul>\n<h3 id=\"item-description__compatible-with\">Appropriate with:<\/h3>\n<ul>\n<li>Chrome<\/li>\n<li>Firefox<\/li>\n<li>Safari<\/li>\n<li>iOS<\/li>\n<li>Android<\/li>\n<li>IE 10\/11<\/li>\n<\/ul>\n<h3 id=\"item-description__need-some-help\">Want some assist?<\/h3>\n<p> Be at liberty to <a href=\"https:\/\/codecanyon.net\/user\/CSSGrid\">get in touch<\/a> when you have any questions and I&#8217;ll get again to you as quickly as doable.<\/p>\n<h3 id=\"item-description__reviews\">Opinions<\/h3>\n<p> <a href=\"http:\/\/www.cssgrid.co\/css-grid\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/www.cssgrid.co\/envatitor\/v6\/reviews.png\" alt=\"Responsive HTML5 CSS Grid - 3\" \/><\/a> <\/p>\n<h3 id=\"item-description__updates\">Updates<\/h3>\n<pre>\n------------------------------------------------------------------------\nv 7.0 (24 March 2017)\n\n* Re-built the CSS file\n* All CSS recordsdata are actually merged in 1 CSS file\n* Retained capabilities for (f) Fastened and (p) Proportion Columns\n* Retained capabilities for Stacking Columns\n* Simplified the CSS code for the Header and Navigation\n* Re-built Cell Toggle Menu button. That is now animated CSS\n* New: Add margins to the columns by including margins to the outer div\n* New: Header choice, Reveal\n* New: Navigation positions, Proper, Left, Heart\n* New: Button added for Cell: close-side, click on anyplace on web site to shut the navigation\n* New: Re-written Directions\n------------------------------------------------------------------------\nv 6.0 (12 February 2015)\n\n* Re-built the navigation so it suits inside header\n* Cleaned up 3 Nav CSS recordsdata and added menus at high.\n* Up to date cellular toggle menu slide transition\n* Added return false; to js\/toggle.js to cease web page leaping to high\n\n* New operate added: .sticky\nThis makes the nav persist with high after scrolling web page\n\nAmended CSS recordsdata:\n\ncss\/nav-top.css\ncss\/nav-left.css\ncss\/nav-right.css\njs\/toggle.js\n\nHTML Pages:\n\n* Eliminated clear div on nav after finish of ul\n------------------------------------------------------------------------\nv 5.0 (15 Could 2014)\n\n* Up to date Javascript to js\/jquery-1.9.1.min.js\n* Stack columns up to date, now with 2 choices:\n  .stack - Stacks to 2 columns, lower than 768 and 1 column lower than 480\n  .stack1 - Stacks to 1 column, lower than 768\n* Cleaned up CSS\n* Added code packing containers to some pages to point out the best way to use the columns\n* Modified Toggle Nav so animations are slower and smoother\n* Re-worked the directions so they're simpler to comply with\n------------------------------------------------------------------------\nv 4.0 (04 February 2014)\n\n* Nav High, Fastened + Static, Brand modified to be aligned left, and menu aligned proper\n* Fastened dropdown on internet model. \n  place:relative; added to ul.navig li on the three nav css recordsdata\n------------------------------------------------------------------------\nv 3.0 (18 December 2013)\n\n* Toggle Nav, CSS3 Transitions\n* Toggle Nav, Fastened and Static Place choices\n* Toggle Nav, High, Left and Proper choices\n* Animated transitions for HTML when @media modifications\n* Up to date directions and PSD recordsdata\n------------------------------------------------------------------------\nv 2.0 (13 September 2013)\n\n* Toggle Nav, simplified code\n* Toggle Nav, modified to stack on high as an alternative of overlapping content material\n* Stack CSS added, permitting straightforward choice to stack DIVs for slim width\n------------------------------------------------------------------------\nv 1.1 (11 July 2013)\n\n* Toggle Nav Added for slim widths\n------------------------------------------------------------------------\nv 1.0 (14 June 2013)\n\n* Launched\n------------------------------------------------------------------------\n<\/pre>\n<p>This <a href=\"http:\/\/www.cssgrid.co\/css-grid\/\" rel=\"nofollow\">Responsive CSS Grid<\/a> was developed by <a href=\"http:\/\/www.cssgrid.co\" rel=\"nofollow\">cssgrid.co<\/a>.<br \/>Accessible solely at <a href=\"https:\/\/codecanyon.net\/item\/responsive-css-grid\/4928861\">CodeCanyon<\/a> from <a href=\"http:\/\/www.envato.com\" rel=\"nofollow\">Envato<\/a>.<\/p>\n<p> <\/p>\n<table>\n<tr>\n<td><a href=\"http:\/\/www.cssgrid.co\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/www.cssgrid.co\/envatitor\/v7\/support.png\" alt=\"Responsive HTML5 CSS Grid - 4\" \/><\/a><\/td>\n<td><a href=\"https:\/\/codecanyon.net\/user\/CSSGrid\/follow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/www.cssgrid.co\/envatitor\/v7\/envato.png\" alt=\"Responsive HTML5 CSS Grid - 5\" \/><\/a><\/td>\n<\/tr>\n<\/table>\n<p><a href=\"http:\/\/revaxarts-themes.com\/envatitor\/\" rel=\"nofollow\"><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"http:\/\/static.revaxarts-themes.com\/envatitor_copy.gif\" alt=\"Responsive HTML5 CSS Grid - 6\" \/><\/a><br \/>\n<br \/>\n<iframe data-lazy=\"true\" data-src=\"https:\/\/www.fiverr.com\/gig_widgets?id=U2FsdGVkX18x7XQvttUTrv1oEqmGNGTgvvCUiUoJ\/AP4z\/UyMz8lXGOLpu15jIMxBbTR0gmD5uBoFvhC4KWeALQRp3h\/X\/AwcVD0K8Wj9H\/ZzYKzcCNHosB9oS4SCJJFWiN85P9ICAc4OgCoE\/wHKIY7CDkf2\/DQ1vqGvk4smVe5cRDEmrLPCWi4FC8p40VUhSmWQ5udCm0zoJtorgWv3vbDQw0kKYkwn39ozAnQXDe+YvWMxkLFWA+O3TFwkJvdkIK+\/AUSnRssPKt5WHY0FhNOxnSPcLslEL4G4\/RfP95ve99U+kRnDy3X+KtzdQLY+u935ghON\/o3UE4IMv9oN6JX9RnxzL\/LRcOgnHigxStSGPKsZYtnz8RWNVT\/rOLAibqiWJadC5MYHRbekF3eg6FOGrQGkXYbsn0+a5aovnlLCbLwIqY9fcS17UX8J235iQ6cdmHNbrPeS84CMm34RA==&affiliate_id=1052423&strip_google_tagmanager=true\" loading=\"lazy\" data-with-title=\"true\" class=\"fiverr_nga_frame\" frameborder=\"0\" height=\"350\" width=\"100%\" referrerpolicy=\"no-referrer-when-downgrade\" data-mode=\"random_gigs\" onload=\" var frame = this; var script = document.createElement('script'); script.addEventListener('load', function() { window.FW_SDK.register(frame); }); script.setAttribute('src', 'https:\/\/www.fiverr.com\/gig_widgets\/sdk'); document.body.appendChild(script); \" ><\/iframe>\n<br \/>\n<a href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fresponsive-html5-css-grid%2F4928861\">Source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LIVE PREVIEWBUY FOR $7 Welcome to the very best rated Responsive HTML5 CSS grid, on CodeCanyon. CSS Grid is a straightforward responsive css grid system&#8230;<\/p>\n","protected":false},"author":1,"featured_media":81419,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[3906,5554,5130,9145,5514,1210,1209,6648,790,6307,574,14957,7782,2183,10306],"class_list":["post-81418","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codes","tag-css","tag-css3","tag-grid","tag-html","tag-html5","tag-ipad","tag-iphone","tag-layout","tag-media","tag-menu","tag-mobile","tag-queries","tag-query","tag-responsive","tag-toggle"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Responsive HTML5 CSS Grid - mailinvest.blog<\/title>\n<meta name=\"description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive HTML5 CSS Grid - mailinvest.blog\" \/>\n<meta property=\"og:description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/\" \/>\n<meta property=\"og:site_name\" content=\"mailinvest.blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/freelanceracademic\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-14T12:36:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-14T12:37:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/envato_preview_590x300_v7.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"590\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin@mailinvest.blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin@mailinvest.blog\" \/>\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:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/14\\\/responsive-html5-css-grid\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/14\\\/responsive-html5-css-grid\\\/\"},\"author\":{\"name\":\"admin@mailinvest.blog\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\"},\"headline\":\"Responsive HTML5 CSS Grid\",\"datePublished\":\"2025-06-14T12:36:05+00:00\",\"dateModified\":\"2025-06-14T12:37:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/14\\\/responsive-html5-css-grid\\\/\"},\"wordCount\":219,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/14\\\/responsive-html5-css-grid\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/envato_preview_590x300_v7.jpg\",\"keywords\":[\"css\",\"css3\",\"grid\",\"html\",\"html5\",\"iPad\",\"iPhone\",\"layout\",\"media\",\"menu\",\"mobile\",\"queries\",\"query\",\"responsive\",\"toggle\"],\"articleSection\":[\"Code's\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/14\\\/responsive-html5-css-grid\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/14\\\/responsive-html5-css-grid\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/14\\\/responsive-html5-css-grid\\\/\",\"name\":\"Responsive HTML5 CSS Grid - mailinvest.blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/14\\\/responsive-html5-css-grid\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/14\\\/responsive-html5-css-grid\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/envato_preview_590x300_v7.jpg\",\"datePublished\":\"2025-06-14T12:36:05+00:00\",\"dateModified\":\"2025-06-14T12:37:31+00:00\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/14\\\/responsive-html5-css-grid\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/14\\\/responsive-html5-css-grid\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/14\\\/responsive-html5-css-grid\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/envato_preview_590x300_v7.jpg\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/envato_preview_590x300_v7.jpg\",\"width\":590,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/14\\\/responsive-html5-css-grid\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mailinvest.blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsive HTML5 CSS Grid\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"name\":\"mailinvest.blog\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mailinvest.blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\",\"name\":\"mailinvest\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"width\":1000,\"height\":1000,\"caption\":\"mailinvest\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/freelanceracademic\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\",\"name\":\"admin@mailinvest.blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"caption\":\"admin@mailinvest.blog\"},\"sameAs\":[\"https:\\\/\\\/mailinvest.blog\",\"admin@mailinvest.blog\"],\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/author\\\/adminmailinvest-blog\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive HTML5 CSS Grid - mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","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:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/","og_locale":"en_US","og_type":"article","og_title":"Responsive HTML5 CSS Grid - mailinvest.blog","og_description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","og_url":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/","og_site_name":"mailinvest.blog","article_publisher":"https:\/\/www.facebook.com\/freelanceracademic\/","article_published_time":"2025-06-14T12:36:05+00:00","article_modified_time":"2025-06-14T12:37:31+00:00","og_image":[{"width":590,"height":300,"url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/envato_preview_590x300_v7.jpg","type":"image\/jpeg"}],"author":"admin@mailinvest.blog","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin@mailinvest.blog","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/#article","isPartOf":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/"},"author":{"name":"admin@mailinvest.blog","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4"},"headline":"Responsive HTML5 CSS Grid","datePublished":"2025-06-14T12:36:05+00:00","dateModified":"2025-06-14T12:37:31+00:00","mainEntityOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/"},"wordCount":219,"commentCount":0,"publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/envato_preview_590x300_v7.jpg","keywords":["css","css3","grid","html","html5","iPad","iPhone","layout","media","menu","mobile","queries","query","responsive","toggle"],"articleSection":["Code's"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/","url":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/","name":"Responsive HTML5 CSS Grid - mailinvest.blog","isPartOf":{"@id":"https:\/\/mailinvest.blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/#primaryimage"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/envato_preview_590x300_v7.jpg","datePublished":"2025-06-14T12:36:05+00:00","dateModified":"2025-06-14T12:37:31+00:00","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","breadcrumb":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/#primaryimage","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/envato_preview_590x300_v7.jpg","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/envato_preview_590x300_v7.jpg","width":590,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/14\/responsive-html5-css-grid\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mailinvest.blog\/"},{"@type":"ListItem","position":2,"name":"Responsive HTML5 CSS Grid"}]},{"@type":"WebSite","@id":"https:\/\/mailinvest.blog\/#website","url":"https:\/\/mailinvest.blog\/","name":"mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mailinvest.blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mailinvest.blog\/#organization","name":"mailinvest","url":"https:\/\/mailinvest.blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","width":1000,"height":1000,"caption":"mailinvest"},"image":{"@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/freelanceracademic\/"]},{"@type":"Person","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4","name":"admin@mailinvest.blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","caption":"admin@mailinvest.blog"},"sameAs":["https:\/\/mailinvest.blog","admin@mailinvest.blog"],"url":"https:\/\/mailinvest.blog\/index.php\/author\/adminmailinvest-blog\/"}]}},"_links":{"self":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/81418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/comments?post=81418"}],"version-history":[{"count":1,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/81418\/revisions"}],"predecessor-version":[{"id":81420,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/81418\/revisions\/81420"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media\/81419"}],"wp:attachment":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media?parent=81418"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/categories?post=81418"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/tags?post=81418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}