{"id":1210,"date":"2021-04-16T16:21:33","date_gmt":"2021-04-16T20:21:33","guid":{"rendered":"https:\/\/noded.us\/noded\/?p=1210"},"modified":"2021-04-16T16:21:42","modified_gmt":"2021-04-16T20:21:42","slug":"learning-css","status":"publish","type":"post","link":"https:\/\/noded.us\/noded\/2021\/04\/16\/learning-css\/","title":{"rendered":"Learning CSS"},"content":{"rendered":"\n<p>I&#8217;ve been, shall we say, fixated on learning CSS lately.  Or should I say it&#8217;s been 10 years since I last worked with CSS.  Boy have they made it  much more usable. Things like Flexbox and Grid make it much easier to make stable websites. I&#8217;ve also discovered <a href=\"https:\/\/codepen.io\">https::www.codepen.io<\/a> which is a fabulous site for experimenting with web front end development.  I can also recommend <a href=\"https:\/\/www.youtube.com\/channel\/UCJZv4d5rbIKd4QHMPkcABCw\">Kevin Powell<\/a>&#8216;s channel on YouTube. He is kind of the Mr. Rogers of CSS.  So below is a Codepen that I put together to so I can remember what the keyword values do for the overflow property.  <\/p>\n\n\n\n<div class=\"wp-block-cp-codepen-gutenberg-embed-block cp_embed_wrapper\"><iframe id=\"cp_embed_yLgjwWJ\" src=\"\/\/codepen.io\/anon\/embed\/yLgjwWJ?height=739&amp;theme-id=1&amp;slug-hash=yLgjwWJ&amp;default-tab=result\" height=\"739\" scrolling=\"no\" frameborder=\"0\" allowfullscreen allowpaymentrequest name=\"CodePen Embed yLgjwWJ\" title=\"CodePen Embed yLgjwWJ\" class=\"cp_embed_iframe\" style=\"width:100%;overflow:hidden\">CodePen Embed Fallback<\/iframe><\/div>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve been, shall we say, fixated on learning CSS lately. Or should I say it&#8217;s been 10 years since I last worked with CSS. Boy have they made it much more usable. Things like Flexbox and Grid make it much easier to make stable websites. I&#8217;ve also discovered https::www.codepen.io which is a fabulous site for [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","_jetpack_memberships_contains_paid_content":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":3,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[63,48,21],"tags":[],"class_list":["post-1210","post","type-post","status-publish","format-standard","hentry","category-css","category-stuff-i-learned","category-technique"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/noded.us\/noded\/wp-json\/wp\/v2\/posts\/1210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noded.us\/noded\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/noded.us\/noded\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/noded.us\/noded\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/noded.us\/noded\/wp-json\/wp\/v2\/comments?post=1210"}],"version-history":[{"count":1,"href":"https:\/\/noded.us\/noded\/wp-json\/wp\/v2\/posts\/1210\/revisions"}],"predecessor-version":[{"id":1211,"href":"https:\/\/noded.us\/noded\/wp-json\/wp\/v2\/posts\/1210\/revisions\/1211"}],"wp:attachment":[{"href":"https:\/\/noded.us\/noded\/wp-json\/wp\/v2\/media?parent=1210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/noded.us\/noded\/wp-json\/wp\/v2\/categories?post=1210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/noded.us\/noded\/wp-json\/wp\/v2\/tags?post=1210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}