{"id":5342,"date":"2021-09-21T14:58:53","date_gmt":"2021-09-21T13:58:53","guid":{"rendered":"https:\/\/solidt.eu\/site\/?p=5342"},"modified":"2021-09-21T14:58:53","modified_gmt":"2021-09-21T13:58:53","slug":"css-grid-manual-grid-positions","status":"publish","type":"post","link":"https:\/\/solidt.eu\/site\/css-grid-manual-grid-positions\/","title":{"rendered":"CSS Grid manual grid positions"},"content":{"rendered":"\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"html\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;div class=\"wrapper\">\n  &lt;div class=\"box a\">A&lt;\/div>\n  &lt;div class=\"box b\">B&lt;\/div>\n  &lt;div class=\"box c\">C&lt;\/div>\n  &lt;div class=\"box d\">D&lt;\/div>\n  &lt;div class=\"box e\">E&lt;\/div>\n&lt;\/div><\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">.wrapper {\n\tdisplay: grid;\n\tgrid-gap: 10px;\n\tgrid-template-columns: repeat(4, 1fr);\n\tbackground-color: #fff;\n\tcolor: #444;\n}\n\n.box {\n\tbackground-color: #444;\n\tcolor: #fff;\n\tborder-radius: 5px;\n\tpadding: 20px;\n\tfont-size: 150%;\n}\n\n.a {\n\tgrid-column: 1 \/ span 2;\n\tgrid-row: 1;\n}\n.b {\n\tgrid-column: 3 \/ span 2 ;\n\tgrid-row: 1;\n}\n.c {\n\tgrid-column: 1;\n\tgrid-row: 2;\n}\n.d {\n\tgrid-column: 2 \/ span 3 ;\n\tgrid-row: 2;\n}\n.e {\n\tgrid-column: 1 \/ span 4;\n\tgrid-row: 3;\n}<\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"708\" height=\"242\" src=\"https:\/\/solidt.eu\/site\/wp-content\/uploads\/2021\/09\/afbeelding.png\" alt=\"\" class=\"wp-image-5343\" srcset=\"https:\/\/solidt.eu\/site\/wp-content\/uploads\/2021\/09\/afbeelding.png 708w, https:\/\/solidt.eu\/site\/wp-content\/uploads\/2021\/09\/afbeelding-300x103.png 300w\" sizes=\"auto, (max-width: 708px) 100vw, 708px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5342","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/posts\/5342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/comments?post=5342"}],"version-history":[{"count":1,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/posts\/5342\/revisions"}],"predecessor-version":[{"id":5344,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/posts\/5342\/revisions\/5344"}],"wp:attachment":[{"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/media?parent=5342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/categories?post=5342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/solidt.eu\/site\/wp-json\/wp\/v2\/tags?post=5342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}