{"id":1173,"date":"2022-03-06T19:04:45","date_gmt":"2022-03-06T19:04:45","guid":{"rendered":"https:\/\/appliedartand.design\/lj\/?p=1173"},"modified":"2022-03-06T19:04:45","modified_gmt":"2022-03-06T19:04:45","slug":"grid-game","status":"publish","type":"post","link":"https:\/\/appliedartand.design\/lj\/2022\/03\/06\/grid-game\/","title":{"rendered":"Grid game"},"content":{"rendered":"\n<p>The best thing about grids is the endless possibilities to create two-dimensional layouts. The drawback is that it takes practice and time to learn. Luckily I saw someone mention the <a href=\"https:\/\/cssgridgarden.com\/\" data-type=\"URL\" data-id=\"https:\/\/cssgridgarden.com\/\">CSS Grid Garden<\/a> in one of the discussion board threads and decided to check it out. <\/p>\n\n\n\n<!--more-->\n\n\n\n<p>I highly encourage everyone to visit this site if you are having trouble with grids. It&#8217;s an excellent resource for understanding how they work using a virtual carrot garden as an example of how you can arrange different rows and columns to water your crops.<\/p>\n\n\n\n<p>Here is what the first level looks like after you enter the solution:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"550\" src=\"https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2022\/03\/2022-03-06-1024x550.png\" alt=\"\" class=\"wp-image-1174\" srcset=\"https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2022\/03\/2022-03-06-1024x550.png 1024w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2022\/03\/2022-03-06-300x161.png 300w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2022\/03\/2022-03-06-768x413.png 768w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2022\/03\/2022-03-06-1536x825.png 1536w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2022\/03\/2022-03-06-2048x1100.png 2048w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2022\/03\/2022-03-06-1200x645.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<p>There are 28 levels in total, so there are plenty of ways to challenge yourself here. Give it a try. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>The best thing about grids is the endless possibilities to create two-dimensional layouts. The drawback is that it takes practice and time to learn. Luckily I saw someone mention the CSS Grid Garden in one of the discussion board threads and decided to check it out.<\/p>\n","protected":false},"author":51,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[178],"tags":[],"class_list":["post-1173","post","type-post","status-publish","format-standard","hentry","category-aad-086-sp22"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/users\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=1173"}],"version-history":[{"count":1,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1173\/revisions"}],"predecessor-version":[{"id":1175,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1173\/revisions\/1175"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=1173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=1173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=1173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}