{"id":108215,"date":"2024-05-20T00:38:33","date_gmt":"2024-05-19T21:38:33","guid":{"rendered":"https:\/\/intex-agency.com\/responsive-web-design-with-css-grid-and-flexbox-2\/"},"modified":"2026-07-25T11:33:23","modified_gmt":"2026-07-25T08:33:23","slug":"responsive-web-design-with-css-grid-and-flexbox","status":"publish","type":"post","link":"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/","title":{"rendered":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d \u0456\u0437 CSS Grid \u0442\u0430 Flexbox"},"content":{"rendered":"","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":21354,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[23,25],"tags":[],"class_list":["post-108215","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-tips"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 5.0.2.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d \u0456\u0437 CSS Grid \u0456 Flexbox: \u043a\u043e\u043b\u0438 \u0449\u043e \u0437\u0430\u0441\u0442\u043e\u0441\u043e\u0432\u0443\u0432\u0430\u0442\u0438, \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 \u0432\u0435\u0440\u0441\u0442\u043a\u0438 \u0442\u0430 \u043d\u0430\u0439\u043a\u0440\u0430\u0449\u0456 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0434\u043b\u044f \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0445 \u0433\u043d\u0443\u0447\u043a\u0438\u0445 \u0441\u0442\u043e\u0440\u0456\u043d\u043e\u043a.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 5.0.2.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"uk_UA\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Intex Agency - We create websites and digital experiences for companies and startups worldwide Website development | Web design | UI\\UX | Wordpress | Ecommerce\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d: CSS Grid \u0456 Flexbox\" \/>\n\t\t<meta property=\"og:description\" content=\"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d \u0456\u0437 CSS Grid \u0456 Flexbox: \u043a\u043e\u043b\u0438 \u0449\u043e \u0437\u0430\u0441\u0442\u043e\u0441\u043e\u0432\u0443\u0432\u0430\u0442\u0438, \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 \u0432\u0435\u0440\u0441\u0442\u043a\u0438 \u0442\u0430 \u043d\u0430\u0439\u043a\u0440\u0430\u0449\u0456 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0434\u043b\u044f \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0445 \u0433\u043d\u0443\u0447\u043a\u0438\u0445 \u0441\u0442\u043e\u0440\u0456\u043d\u043e\u043a.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/intex-agency.com\/wp-content\/uploads\/2023\/08\/21d1896759a7f7045c9182cf45ab05ef.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/intex-agency.com\/wp-content\/uploads\/2023\/08\/21d1896759a7f7045c9182cf45ab05ef.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"202\" \/>\n\t\t<meta property=\"og:image:height\" content=\"202\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2024-05-19T21:38:33+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-07-25T08:33:23+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d: CSS Grid \u0456 Flexbox\" \/>\n\t\t<meta name=\"twitter:description\" content=\"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d \u0456\u0437 CSS Grid \u0456 Flexbox: \u043a\u043e\u043b\u0438 \u0449\u043e \u0437\u0430\u0441\u0442\u043e\u0441\u043e\u0432\u0443\u0432\u0430\u0442\u0438, \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 \u0432\u0435\u0440\u0441\u0442\u043a\u0438 \u0442\u0430 \u043d\u0430\u0439\u043a\u0440\u0430\u0449\u0456 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0434\u043b\u044f \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0445 \u0433\u043d\u0443\u0447\u043a\u0438\u0445 \u0441\u0442\u043e\u0440\u0456\u043d\u043e\u043a.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/intex-agency.com\/wp-content\/uploads\/2023\/08\/21d1896759a7f7045c9182cf45ab05ef.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/responsive-web-design-with-css-grid-and-flexbox\\\/#blogposting\",\"name\":\"\\u0410\\u0434\\u0430\\u043f\\u0442\\u0438\\u0432\\u043d\\u0438\\u0439 \\u0432\\u0435\\u0431\\u0434\\u0438\\u0437\\u0430\\u0439\\u043d: CSS Grid \\u0456 Flexbox\",\"headline\":\"\\u0410\\u0434\\u0430\\u043f\\u0442\\u0438\\u0432\\u043d\\u0438\\u0439 \\u0432\\u0435\\u0431\\u0434\\u0438\\u0437\\u0430\\u0439\\u043d \\u0456\\u0437 CSS Grid \\u0442\\u0430 Flexbox\",\"author\":{\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/author\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/intex-agency.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/responsive-web-design-with-css-grid-and-flexbox.jpg\",\"width\":1114,\"height\":654},\"datePublished\":\"2024-05-20T00:38:33+03:00\",\"dateModified\":\"2026-07-25T11:33:23+03:00\",\"inLanguage\":\"uk\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/responsive-web-design-with-css-grid-and-flexbox\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/responsive-web-design-with-css-grid-and-flexbox\\\/#webpage\"},\"articleSection\":\"News, Tips and Tricks, Optional\",\"speakable\":{\"@type\":\"SpeakableSpecification\",\"cssSelector\":[\".artcile__title\",\".artcile__content\"]}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/responsive-web-design-with-css-grid-and-flexbox\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/intex-agency.com\\\/category\\\/news\\\/#listItem\",\"name\":\"News\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/intex-agency.com\\\/category\\\/news\\\/#listItem\",\"position\":2,\"name\":\"News\",\"item\":\"https:\\\/\\\/intex-agency.com\\\/category\\\/news\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/responsive-web-design-with-css-grid-and-flexbox\\\/#listItem\",\"name\":\"\\u0410\\u0434\\u0430\\u043f\\u0442\\u0438\\u0432\\u043d\\u0438\\u0439 \\u0432\\u0435\\u0431\\u0434\\u0438\\u0437\\u0430\\u0439\\u043d \\u0456\\u0437 CSS Grid \\u0442\\u0430 Flexbox\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/responsive-web-design-with-css-grid-and-flexbox\\\/#listItem\",\"position\":3,\"name\":\"\\u0410\\u0434\\u0430\\u043f\\u0442\\u0438\\u0432\\u043d\\u0438\\u0439 \\u0432\\u0435\\u0431\\u0434\\u0438\\u0437\\u0430\\u0439\\u043d \\u0456\\u0437 CSS Grid \\u0442\\u0430 Flexbox\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/intex-agency.com\\\/category\\\/news\\\/#listItem\",\"name\":\"News\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/#organization\",\"name\":\"Intex Agency\",\"description\":\"We create websites and digital experiences for companies and startups worldwide Website development | Web design | UI\\\\UX | Wordpress | Ecommerce\",\"url\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/\",\"email\":\"hello@intexagency.com\",\"telephone\":\"+380633613300\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/intex-agency.com\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/2_1-e1691150469389.png\",\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/responsive-web-design-with-css-grid-and-flexbox\\\/#organizationLogo\",\"width\":200,\"height\":186},\"image\":{\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/responsive-web-design-with-css-grid-and-flexbox\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/intexweb\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@intexagency\",\"https:\\\/\\\/www.youtube.com\\\/@intexagency\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/intexagency\\\/\",\"https:\\\/\\\/clutch.co\\\/profile\\\/intex-agency\",\"https:\\\/\\\/www.upwork.com\\\/ag\\\/intex\\\/\",\"https:\\\/\\\/www.awwwards.com\\\/Intex\\\/\"],\"address\":{\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/#postaladdress\",\"@type\":\"PostalAddress\",\"streetAddress\":\"plac Hallera 5\\\/15a\",\"addressLocality\":\"Warszawa\",\"addressCountry\":\"PL\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/responsive-web-design-with-css-grid-and-flexbox\\\/#webpage\",\"url\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/responsive-web-design-with-css-grid-and-flexbox\\\/\",\"name\":\"\\u0410\\u0434\\u0430\\u043f\\u0442\\u0438\\u0432\\u043d\\u0438\\u0439 \\u0432\\u0435\\u0431\\u0434\\u0438\\u0437\\u0430\\u0439\\u043d: CSS Grid \\u0456 Flexbox\",\"description\":\"\\u0410\\u0434\\u0430\\u043f\\u0442\\u0438\\u0432\\u043d\\u0438\\u0439 \\u0432\\u0435\\u0431\\u0434\\u0438\\u0437\\u0430\\u0439\\u043d \\u0456\\u0437 CSS Grid \\u0456 Flexbox: \\u043a\\u043e\\u043b\\u0438 \\u0449\\u043e \\u0437\\u0430\\u0441\\u0442\\u043e\\u0441\\u043e\\u0432\\u0443\\u0432\\u0430\\u0442\\u0438, \\u043f\\u0440\\u0438\\u043a\\u043b\\u0430\\u0434\\u0438 \\u0432\\u0435\\u0440\\u0441\\u0442\\u043a\\u0438 \\u0442\\u0430 \\u043d\\u0430\\u0439\\u043a\\u0440\\u0430\\u0449\\u0456 \\u043f\\u0440\\u0430\\u043a\\u0442\\u0438\\u043a\\u0438 \\u0434\\u043b\\u044f \\u0441\\u0443\\u0447\\u0430\\u0441\\u043d\\u0438\\u0445 \\u0433\\u043d\\u0443\\u0447\\u043a\\u0438\\u0445 \\u0441\\u0442\\u043e\\u0440\\u0456\\u043d\\u043e\\u043a.\",\"inLanguage\":\"uk\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/responsive-web-design-with-css-grid-and-flexbox\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/author\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/author\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/intex-agency.com\\\/wp-content\\\/uploads\\\/2024\\\/05\\\/responsive-web-design-with-css-grid-and-flexbox.jpg\",\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/responsive-web-design-with-css-grid-and-flexbox\\\/#mainImage\",\"width\":1114,\"height\":654},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/responsive-web-design-with-css-grid-and-flexbox\\\/#mainImage\"},\"datePublished\":\"2024-05-20T00:38:33+03:00\",\"dateModified\":\"2026-07-25T11:33:23+03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/#website\",\"url\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/\",\"name\":\"Intex Agency\",\"description\":\"We create websites and digital experiences for companies and startups worldwide Website development | Web design | UI\\\\UX | Wordpress | Ecommerce\",\"inLanguage\":\"uk\",\"publisher\":{\"@id\":\"https:\\\/\\\/intex-agency.com\\\/uk\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d: CSS Grid \u0456 Flexbox<\/title>\n\n","aioseo_head_json":{"title":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d: CSS Grid \u0456 Flexbox","description":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d \u0456\u0437 CSS Grid \u0456 Flexbox: \u043a\u043e\u043b\u0438 \u0449\u043e \u0437\u0430\u0441\u0442\u043e\u0441\u043e\u0432\u0443\u0432\u0430\u0442\u0438, \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 \u0432\u0435\u0440\u0441\u0442\u043a\u0438 \u0442\u0430 \u043d\u0430\u0439\u043a\u0440\u0430\u0449\u0456 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0434\u043b\u044f \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0445 \u0433\u043d\u0443\u0447\u043a\u0438\u0445 \u0441\u0442\u043e\u0440\u0456\u043d\u043e\u043a.","canonical_url":"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/#blogposting","name":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d: CSS Grid \u0456 Flexbox","headline":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d \u0456\u0437 CSS Grid \u0442\u0430 Flexbox","author":{"@id":"https:\/\/intex-agency.com\/uk\/author\/#author"},"publisher":{"@id":"https:\/\/intex-agency.com\/uk\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/intex-agency.com\/wp-content\/uploads\/2024\/05\/responsive-web-design-with-css-grid-and-flexbox.jpg","width":1114,"height":654},"datePublished":"2024-05-20T00:38:33+03:00","dateModified":"2026-07-25T11:33:23+03:00","inLanguage":"uk","mainEntityOfPage":{"@id":"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/#webpage"},"isPartOf":{"@id":"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/#webpage"},"articleSection":"News, Tips and Tricks, Optional","speakable":{"@type":"SpeakableSpecification","cssSelector":[".artcile__title",".artcile__content"]}},{"@type":"BreadcrumbList","@id":"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/intex-agency.com\/uk\/#listItem","position":1,"name":"Home","item":"https:\/\/intex-agency.com\/uk\/","nextItem":{"@type":"ListItem","@id":"https:\/\/intex-agency.com\/category\/news\/#listItem","name":"News"}},{"@type":"ListItem","@id":"https:\/\/intex-agency.com\/category\/news\/#listItem","position":2,"name":"News","item":"https:\/\/intex-agency.com\/category\/news\/","nextItem":{"@type":"ListItem","@id":"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/#listItem","name":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d \u0456\u0437 CSS Grid \u0442\u0430 Flexbox"},"previousItem":{"@type":"ListItem","@id":"https:\/\/intex-agency.com\/uk\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/#listItem","position":3,"name":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d \u0456\u0437 CSS Grid \u0442\u0430 Flexbox","previousItem":{"@type":"ListItem","@id":"https:\/\/intex-agency.com\/category\/news\/#listItem","name":"News"}}]},{"@type":"Organization","@id":"https:\/\/intex-agency.com\/uk\/#organization","name":"Intex Agency","description":"We create websites and digital experiences for companies and startups worldwide Website development | Web design | UI\\UX | Wordpress | Ecommerce","url":"https:\/\/intex-agency.com\/uk\/","email":"hello@intexagency.com","telephone":"+380633613300","logo":{"@type":"ImageObject","url":"https:\/\/intex-agency.com\/wp-content\/uploads\/2023\/08\/2_1-e1691150469389.png","@id":"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/#organizationLogo","width":200,"height":186},"image":{"@id":"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/#organizationLogo"},"sameAs":["https:\/\/www.instagram.com\/intexweb\/","https:\/\/www.tiktok.com\/@intexagency","https:\/\/www.youtube.com\/@intexagency","https:\/\/www.linkedin.com\/company\/intexagency\/","https:\/\/clutch.co\/profile\/intex-agency","https:\/\/www.upwork.com\/ag\/intex\/","https:\/\/www.awwwards.com\/Intex\/"],"address":{"@id":"https:\/\/intex-agency.com\/uk\/#postaladdress","@type":"PostalAddress","streetAddress":"plac Hallera 5\/15a","addressLocality":"Warszawa","addressCountry":"PL"}},{"@type":"WebPage","@id":"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/#webpage","url":"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/","name":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d: CSS Grid \u0456 Flexbox","description":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d \u0456\u0437 CSS Grid \u0456 Flexbox: \u043a\u043e\u043b\u0438 \u0449\u043e \u0437\u0430\u0441\u0442\u043e\u0441\u043e\u0432\u0443\u0432\u0430\u0442\u0438, \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 \u0432\u0435\u0440\u0441\u0442\u043a\u0438 \u0442\u0430 \u043d\u0430\u0439\u043a\u0440\u0430\u0449\u0456 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0434\u043b\u044f \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0445 \u0433\u043d\u0443\u0447\u043a\u0438\u0445 \u0441\u0442\u043e\u0440\u0456\u043d\u043e\u043a.","inLanguage":"uk","isPartOf":{"@id":"https:\/\/intex-agency.com\/uk\/#website"},"breadcrumb":{"@id":"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/#breadcrumblist"},"author":{"@id":"https:\/\/intex-agency.com\/uk\/author\/#author"},"creator":{"@id":"https:\/\/intex-agency.com\/uk\/author\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/intex-agency.com\/wp-content\/uploads\/2024\/05\/responsive-web-design-with-css-grid-and-flexbox.jpg","@id":"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/#mainImage","width":1114,"height":654},"primaryImageOfPage":{"@id":"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/#mainImage"},"datePublished":"2024-05-20T00:38:33+03:00","dateModified":"2026-07-25T11:33:23+03:00"},{"@type":"WebSite","@id":"https:\/\/intex-agency.com\/uk\/#website","url":"https:\/\/intex-agency.com\/uk\/","name":"Intex Agency","description":"We create websites and digital experiences for companies and startups worldwide Website development | Web design | UI\\UX | Wordpress | Ecommerce","inLanguage":"uk","publisher":{"@id":"https:\/\/intex-agency.com\/uk\/#organization"}}]},"og:locale":"uk_UA","og:site_name":"Intex Agency - We create websites and digital experiences for companies and startups worldwide Website development | Web design | UI\\UX | Wordpress | Ecommerce","og:type":"article","og:title":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d: CSS Grid \u0456 Flexbox","og:description":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d \u0456\u0437 CSS Grid \u0456 Flexbox: \u043a\u043e\u043b\u0438 \u0449\u043e \u0437\u0430\u0441\u0442\u043e\u0441\u043e\u0432\u0443\u0432\u0430\u0442\u0438, \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 \u0432\u0435\u0440\u0441\u0442\u043a\u0438 \u0442\u0430 \u043d\u0430\u0439\u043a\u0440\u0430\u0449\u0456 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0434\u043b\u044f \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0445 \u0433\u043d\u0443\u0447\u043a\u0438\u0445 \u0441\u0442\u043e\u0440\u0456\u043d\u043e\u043a.","og:url":"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/","og:image":"https:\/\/intex-agency.com\/wp-content\/uploads\/2023\/08\/21d1896759a7f7045c9182cf45ab05ef.jpg","og:image:secure_url":"https:\/\/intex-agency.com\/wp-content\/uploads\/2023\/08\/21d1896759a7f7045c9182cf45ab05ef.jpg","og:image:width":202,"og:image:height":202,"article:published_time":"2024-05-19T21:38:33+00:00","article:modified_time":"2026-07-25T08:33:23+00:00","twitter:card":"summary_large_image","twitter:title":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d: CSS Grid \u0456 Flexbox","twitter:description":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d \u0456\u0437 CSS Grid \u0456 Flexbox: \u043a\u043e\u043b\u0438 \u0449\u043e \u0437\u0430\u0441\u0442\u043e\u0441\u043e\u0432\u0443\u0432\u0430\u0442\u0438, \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 \u0432\u0435\u0440\u0441\u0442\u043a\u0438 \u0442\u0430 \u043d\u0430\u0439\u043a\u0440\u0430\u0449\u0456 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0434\u043b\u044f \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0445 \u0433\u043d\u0443\u0447\u043a\u0438\u0445 \u0441\u0442\u043e\u0440\u0456\u043d\u043e\u043a.","twitter:image":"https:\/\/intex-agency.com\/wp-content\/uploads\/2023\/08\/21d1896759a7f7045c9182cf45ab05ef.jpg"},"aioseo_meta_data":{"post_id":"108215","title":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d: CSS Grid \u0456 Flexbox","description":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d \u0456\u0437 CSS Grid \u0456 Flexbox: \u043a\u043e\u043b\u0438 \u0449\u043e \u0437\u0430\u0441\u0442\u043e\u0441\u043e\u0432\u0443\u0432\u0430\u0442\u0438, \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 \u0432\u0435\u0440\u0441\u0442\u043a\u0438 \u0442\u0430 \u043d\u0430\u0439\u043a\u0440\u0430\u0449\u0456 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0434\u043b\u044f \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0445 \u0433\u043d\u0443\u0447\u043a\u0438\u0445 \u0441\u0442\u043e\u0440\u0456\u043d\u043e\u043a.","keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-07-31 14:28:16","breadcrumb_settings":null,"limit_modified_date":false,"open_ai":null,"ai":null,"created":"2026-07-25 08:33:06","updated":"2026-10-05 01:15:43","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/intex-agency.com\/uk\/\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/intex-agency.com\/category\/news\/\" title=\"News\">News<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d \u0456\u0437 CSS Grid \u0442\u0430 Flexbox\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/intex-agency.com\/uk\/"},{"label":"News","link":"https:\/\/intex-agency.com\/category\/news\/"},{"label":"\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0435\u0431\u0434\u0438\u0437\u0430\u0439\u043d \u0456\u0437 CSS Grid \u0442\u0430 Flexbox","link":"https:\/\/intex-agency.com\/uk\/responsive-web-design-with-css-grid-and-flexbox\/"}],"_links":{"self":[{"href":"https:\/\/intex-agency.com\/uk\/wp-json\/wp\/v2\/posts\/108215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/intex-agency.com\/uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/intex-agency.com\/uk\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/intex-agency.com\/uk\/wp-json\/wp\/v2\/comments?post=108215"}],"version-history":[{"count":1,"href":"https:\/\/intex-agency.com\/uk\/wp-json\/wp\/v2\/posts\/108215\/revisions"}],"predecessor-version":[{"id":108221,"href":"https:\/\/intex-agency.com\/uk\/wp-json\/wp\/v2\/posts\/108215\/revisions\/108221"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/intex-agency.com\/uk\/wp-json\/wp\/v2\/media\/21354"}],"wp:attachment":[{"href":"https:\/\/intex-agency.com\/uk\/wp-json\/wp\/v2\/media?parent=108215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/intex-agency.com\/uk\/wp-json\/wp\/v2\/categories?post=108215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/intex-agency.com\/uk\/wp-json\/wp\/v2\/tags?post=108215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}