{"id":1193,"date":"2022-03-08T05:21:09","date_gmt":"2022-03-08T05:21:09","guid":{"rendered":"https:\/\/appliedartand.design\/lj\/?p=1193"},"modified":"2022-03-08T05:21:09","modified_gmt":"2022-03-08T05:21:09","slug":"new-to-grid","status":"publish","type":"post","link":"https:\/\/appliedartand.design\/lj\/2022\/03\/08\/new-to-grid\/","title":{"rendered":"New To Grid!"},"content":{"rendered":"\n<p>For this week&#8217;s reflecting on what we have been learning in class in HTML\/ CSS Dreamweaver is how to make Grid&#8217;s in Dreamweaver. In doing that Grid is for two-dimensional layouts, meant to work with flex box, and when using flex box it uses heavily on &#8220;flex-wrap:wrap;&#8221; code onto Dreamweaver consider using grid instead wrap. Grid-gap helps you keep space between grid items. Grid-template-columns can take different units of measure. <\/p>\n\n\n\n<p>Here is a video I found that&#8217;s been a reference now on understanding CSS grid and flex box in which I have been having trouble understanding.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=jV8B24rSN5o\">CSS Grid Layout Crash Course &#8211; YouTube<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>For this week&#8217;s reflecting on what we have been learning in class in HTML\/ CSS Dreamweaver is how to make Grid&#8217;s in Dreamweaver. In doing that Grid is for two-dimensional layouts, meant to work with flex box, and when using flex box it uses heavily on &#8220;flex-wrap:wrap;&#8221; code onto Dreamweaver consider using grid instead wrap. &hellip; <a href=\"https:\/\/appliedartand.design\/lj\/2022\/03\/08\/new-to-grid\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;New To Grid!&#8221;<\/span><\/a><\/p>\n","protected":false},"author":54,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[178],"tags":[32,4,48,22,169,3,166,15],"class_list":["post-1193","post","type-post","status-publish","format-standard","hentry","category-aad-086-sp22","tag-coding","tag-css","tag-css-grid","tag-flexbox","tag-grids","tag-html","tag-html-tags","tag-typography"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1193","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\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=1193"}],"version-history":[{"count":1,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1193\/revisions"}],"predecessor-version":[{"id":1194,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1193\/revisions\/1194"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=1193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=1193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=1193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}