{"id":74111,"date":"2019-12-10T04:20:05","date_gmt":"2019-12-10T11:20:05","guid":{"rendered":""},"modified":"2019-12-10T04:20:05","modified_gmt":"2019-12-10T11:20:05","slug":"building-a-css-layout-live-stream-with-rachel-andrew","status":"publish","type":"post","link":"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/","title":{"rendered":"Building A CSS Layout: Live Stream With Rachel Andrew"},"content":{"rendered":"<link rel=\"canonical\" href=\"https:\/\/www.smashingmagazine.com\/2019\/12\/building-a-css-layout-live-stream-rachel-andrew\/\"><title>Building A CSS Layout: Live Stream With Rachel Andrew<\/title><\/p>\n<article>\n<header>\n<h1>Building A CSS Layout: Live Stream With Rachel Andrew<\/h1>\n<address>Vitaly Friedman<\/address>\n<p>                  <time datetime=\"2019-12-10T10:30:00+00:00\">2019-12-10T10:30:00+00:00<\/time><time datetime=\"2019-12-10T10:30:00+00:00\">2019-12-10T11:07:03+00:00<\/time><\/header>\n<p>We\u2019re opening up our Smashing TV webinars to everyone, and today you can follow along as Rachel Andrew builds a layout using CSS Grid and Flexbox.<\/p>\n<p>In the session, Rachel will be building a component of a layout, talking through her thinking as she does so. Is Flexbox or Grid the right method to use? How will the component respond to different screen sizes? And, what about those old browsers?<\/p>\n<p>If you are a <a href=\"https:\/\/www.smashingmagazine.com\/membership\">Smashing Member<\/a> then you will get the added benefit of being able to ask your own questions after the session.<\/p>\n<h3>Live Stream With Rachel Andrew: Dec 10, 6:00 PM GMT<\/h3>\n<p>The session will start <strong>today at 6:00 PM Berlin time<\/strong> (12:00 PM New York time) \u2014 broadcasted live below. Make sure to come back to this post to find your way directly to the live session!<\/p>\n<figure><a href=\"https:\/\/www.smashingmagazine.com\/smashing-tv\/building-css-layout-live\/\"><\/p>\n<p>    <img data-recalc-dims=\"1\" decoding=\"async\" srcset=\"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/12\/live-stream-with-rachel-andrew.png 400w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_800\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/f75b6668-4204-484d-b1aa-6cb047324c63\/live-stream-with-rachel-andrew.png 800w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1200\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/f75b6668-4204-484d-b1aa-6cb047324c63\/live-stream-with-rachel-andrew.png 1200w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_1600\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/f75b6668-4204-484d-b1aa-6cb047324c63\/live-stream-with-rachel-andrew.png 1600w,\n\t\t\t        https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_auto\/w_2000\/https:\/\/cloud.netlifyusercontent.com\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/f75b6668-4204-484d-b1aa-6cb047324c63\/live-stream-with-rachel-andrew.png 2000w\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/12\/live-stream-with-rachel-andrew.png?w=900&#038;ssl=1\" sizes=\"100vw\" alt=\"A picture of Rachel Andrew and text stating the topic and time of her live session. December 10, 17:00 London time, about Building A CSS Layout. In the bottom right corner is an illustration of the Smashing Cat holding a video camera and shining the spotlight on Rachel.\"><\/a><figcaption>\n      And so the countdown begins!<br \/>\n    <\/figcaption><\/figure>\n<h3>From Smashing With Love<\/h3>\n<p>To help you stay on top of things, you can <a href=\"https:\/\/www.smashingmagazine.com\/the-smashing-newsletter\/\">subscribe to our bi-weekly newsletter<\/a>, in which we announce what\u2019s happening in the Smashing universe. Each and every newsletter issue is written and edited with love and care. No third-party mailings or hidden advertising \u2014 promise!<\/p>\n<p>You can also follow us on <a href=\"https:\/\/twitter.com\/smashingmag\">Twitter<\/a>, <a href=\"https:\/\/www.facebook.com\/smashmag\/\">Facebook<\/a>, <a href=\"https:\/\/www.linkedin.com\/company\/smashing-magazine\/\">LinkedIn<\/a> and even stay updated with our bi-weekly <a href=\"https:\/\/www.smashingmagazine.com\/category\/smashing-podcast\">Smashing Podcast<\/a>. Please do always feel free to reach out and share your thoughts with us \u2014 we love hearing from you!<\/p>\n<div>\n  <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/12\/logo-red-9.png?w=900&#038;ssl=1\" alt=\"Smashing Editorial\"><span>(ra, il)<\/span>\n<\/div>\n<\/article>\n<p class=\"wpematico_credit\"><small>Powered by <a href=\"http:\/\/www.wpematico.com\" target=\"_blank\" rel=\"noopener noreferrer\">WPeMatico<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Building A CSS Layout: Live Stream With Rachel Andrew Building A CSS Layout: Live Stream With Rachel Andrew Vitaly Friedman 2019-12-10T10:30:00+00:002019-12-10T11:07:03+00:00 We\u2019re opening up our Smashing TV webinars to everyone, and today you can follow along as Rachel Andrew builds a layout using CSS Grid and Flexbox. In the session, Rachel will be building a&#8230;<a class=\"moretag\" href=\"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/\"> Read the full article&#8230;<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[],"tags":[],"class_list":["post-74111","post","type-post","status-publish","format-standard","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Building A CSS Layout: Live Stream With Rachel AndrewBuilding A CSS Layout: Live Stream With Rachel Andrew Vitaly Friedman 2019-12-10T10:30:00+00:002019-12-10T11:07:03+00:00We\u2019re opening up our Smashing TV webinars to everyone, and today you can follow along as Rachel Andrew builds a layout using CSS Grid and Flexbox. In the session, Rachel will be building a component of\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Guest Contribution\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Building A CSS Layout: Live Stream With Rachel Andrew | Design for Immersive Technologies\" \/>\n\t\t<meta property=\"og:description\" content=\"Building A CSS Layout: Live Stream With Rachel AndrewBuilding A CSS Layout: Live Stream With Rachel Andrew Vitaly Friedman 2019-12-10T10:30:00+00:002019-12-10T11:07:03+00:00We\u2019re opening up our Smashing TV webinars to everyone, and today you can follow along as Rachel Andrew builds a layout using CSS Grid and Flexbox. In the session, Rachel will be building a component of\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-12-10T11:20:05+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-12-10T11:20:05+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Building A CSS Layout: Live Stream With Rachel Andrew | Design for Immersive Technologies\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Building A CSS Layout: Live Stream With Rachel AndrewBuilding A CSS Layout: Live Stream With Rachel Andrew Vitaly Friedman 2019-12-10T10:30:00+00:002019-12-10T11:07:03+00:00We\u2019re opening up our Smashing TV webinars to everyone, and today you can follow along as Rachel Andrew builds a layout using CSS Grid and Flexbox. In the session, Rachel will be building a component of\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/12\\\/building-a-css-layout-live-stream-with-rachel-andrew\\\/#article\",\"name\":\"Building A CSS Layout: Live Stream With Rachel Andrew | Design for Immersive Technologies\",\"headline\":\"Building A CSS Layout: Live Stream With Rachel Andrew\",\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/live-stream-with-rachel-andrew.png\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/12\\\/building-a-css-layout-live-stream-with-rachel-andrew\\\/#articleImage\"},\"datePublished\":\"2019-12-10T04:20:05-07:00\",\"dateModified\":\"2019-12-10T04:20:05-07:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/12\\\/building-a-css-layout-live-stream-with-rachel-andrew\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/12\\\/building-a-css-layout-live-stream-with-rachel-andrew\\\/#webpage\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/12\\\/building-a-css-layout-live-stream-with-rachel-andrew\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/12\\\/building-a-css-layout-live-stream-with-rachel-andrew\\\/#listItem\",\"name\":\"Building A CSS Layout: Live Stream With Rachel Andrew\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/12\\\/building-a-css-layout-live-stream-with-rachel-andrew\\\/#listItem\",\"position\":2,\"name\":\"Building A CSS Layout: Live Stream With Rachel Andrew\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/\",\"name\":\"Guest Contribution\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/12\\\/building-a-css-layout-live-stream-with-rachel-andrew\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Guest Contribution\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/12\\\/building-a-css-layout-live-stream-with-rachel-andrew\\\/#webpage\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/12\\\/building-a-css-layout-live-stream-with-rachel-andrew\\\/\",\"name\":\"Building A CSS Layout: Live Stream With Rachel Andrew | Design for Immersive Technologies\",\"description\":\"Building A CSS Layout: Live Stream With Rachel AndrewBuilding A CSS Layout: Live Stream With Rachel Andrew Vitaly Friedman 2019-12-10T10:30:00+00:002019-12-10T11:07:03+00:00We\\u2019re opening up our Smashing TV webinars to everyone, and today you can follow along as Rachel Andrew builds a layout using CSS Grid and Flexbox. In the session, Rachel will be building a component of\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2019\\\/12\\\/building-a-css-layout-live-stream-with-rachel-andrew\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"datePublished\":\"2019-12-10T04:20:05-07:00\",\"dateModified\":\"2019-12-10T04:20:05-07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Building A CSS Layout: Live Stream With Rachel Andrew | Design for Immersive Technologies","description":"Building A CSS Layout: Live Stream With Rachel AndrewBuilding A CSS Layout: Live Stream With Rachel Andrew Vitaly Friedman 2019-12-10T10:30:00+00:002019-12-10T11:07:03+00:00We\u2019re opening up our Smashing TV webinars to everyone, and today you can follow along as Rachel Andrew builds a layout using CSS Grid and Flexbox. In the session, Rachel will be building a component of","canonical_url":"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/#article","name":"Building A CSS Layout: Live Stream With Rachel Andrew | Design for Immersive Technologies","headline":"Building A CSS Layout: Live Stream With Rachel Andrew","author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/www.taterboy.com\/blog\/wp-content\/uploads\/2019\/12\/live-stream-with-rachel-andrew.png","@id":"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/#articleImage"},"datePublished":"2019-12-10T04:20:05-07:00","dateModified":"2019-12-10T04:20:05-07:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/#webpage"},"isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/#webpage"}},{"@type":"BreadcrumbList","@id":"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","position":1,"name":"Home","item":"https:\/\/www.taterboy.com\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/#listItem","name":"Building A CSS Layout: Live Stream With Rachel Andrew"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/#listItem","position":2,"name":"Building A CSS Layout: Live Stream With Rachel Andrew","previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/www.taterboy.com\/blog\/#organization","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","url":"https:\/\/www.taterboy.com\/blog\/"},{"@type":"Person","@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author","url":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/","name":"Guest Contribution","image":{"@type":"ImageObject","@id":"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g","width":96,"height":96,"caption":"Guest Contribution"}},{"@type":"WebPage","@id":"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/#webpage","url":"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/","name":"Building A CSS Layout: Live Stream With Rachel Andrew | Design for Immersive Technologies","description":"Building A CSS Layout: Live Stream With Rachel AndrewBuilding A CSS Layout: Live Stream With Rachel Andrew Vitaly Friedman 2019-12-10T10:30:00+00:002019-12-10T11:07:03+00:00We\u2019re opening up our Smashing TV webinars to everyone, and today you can follow along as Rachel Andrew builds a layout using CSS Grid and Flexbox. In the session, Rachel will be building a component of","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/#breadcrumblist"},"author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"creator":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"datePublished":"2019-12-10T04:20:05-07:00","dateModified":"2019-12-10T04:20:05-07:00"},{"@type":"WebSite","@id":"https:\/\/www.taterboy.com\/blog\/#website","url":"https:\/\/www.taterboy.com\/blog\/","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","og:type":"article","og:title":"Building A CSS Layout: Live Stream With Rachel Andrew | Design for Immersive Technologies","og:description":"Building A CSS Layout: Live Stream With Rachel AndrewBuilding A CSS Layout: Live Stream With Rachel Andrew Vitaly Friedman 2019-12-10T10:30:00+00:002019-12-10T11:07:03+00:00We\u2019re opening up our Smashing TV webinars to everyone, and today you can follow along as Rachel Andrew builds a layout using CSS Grid and Flexbox. In the session, Rachel will be building a component of","og:url":"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/","article:published_time":"2019-12-10T11:20:05+00:00","article:modified_time":"2019-12-10T11:20:05+00:00","twitter:card":"summary","twitter:title":"Building A CSS Layout: Live Stream With Rachel Andrew | Design for Immersive Technologies","twitter:description":"Building A CSS Layout: Live Stream With Rachel AndrewBuilding A CSS Layout: Live Stream With Rachel Andrew Vitaly Friedman 2019-12-10T10:30:00+00:002019-12-10T11:07:03+00:00We\u2019re opening up our Smashing TV webinars to everyone, and today you can follow along as Rachel Andrew builds a layout using CSS Grid and Flexbox. In the session, Rachel will be building a component of"},"aioseo_meta_data":{"post_id":"74111","title":null,"description":null,"keywords":null,"keyphrases":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_custom_image_width":null,"og_custom_image_height":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_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema_type":null,"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,"location":null,"local_seo":null,"created":"2021-02-07 16:19:44","updated":"2026-08-22 00:41:14","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"twitter_image_url":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tBuilding A CSS Layout: Live Stream With Rachel Andrew\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.taterboy.com\/blog"},{"label":"Building A CSS Layout: Live Stream With Rachel Andrew","link":"https:\/\/www.taterboy.com\/blog\/2019\/12\/building-a-css-layout-live-stream-with-rachel-andrew\/"}],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8wzr5-jhl","jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/74111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/comments?post=74111"}],"version-history":[{"count":0,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/74111\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media?parent=74111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/categories?post=74111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/tags?post=74111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}