{"id":37136,"date":"2023-02-02T22:01:01","date_gmt":"2023-02-03T02:01:01","guid":{"rendered":""},"modified":"2023-02-02T22:42:36","modified_gmt":"2023-02-03T02:42:36","slug":"script-coding-create-a-design-system-with-css-web-development-course","status":"publish","type":"post","link":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/","title":{"rendered":"[#Script #Coding] Create a Design System with CSS &#8211; Web Development Course"},"content":{"rendered":"<div align=\"center\" style=\"padding: 2%;\"><iframe loading=\"lazy\" title=\"Create a Design System with CSS - Web Development Course\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/lRaL-8qZ0mM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<blockquote style=\"text-align: left; background-color: #E4E4E4; border: 3px dotted gray; padding:2%;\"><p>\n<a href=\"https:\/\/www.youtube.com\/watch?v=lRaL-8qZ0mM\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=lRaL-8qZ0mM\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=lRaL-8qZ0mM\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/p>\n<h3>Create a Design System with CSS &#8211; Web Development Course<\/h3>\n<p><\/a><a href=\"https:\/\/www.youtube.com\/watch?v=lRaL-8qZ0mM\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><a href=\"https:\/\/www.youtube.com\/watch?v=lRaL-8qZ0mM\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><a href=\"https:\/\/www.youtube.com\/watch?v=lRaL-8qZ0mM\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><a href=\"https:\/\/www.youtube.com\/watch?v=lRaL-8qZ0mM\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><a href=\"https:\/\/www.youtube.com\/watch?v=lRaL-8qZ0mM\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><a href=\"https:\/\/www.youtube.com\/watch?v=lRaL-8qZ0mM\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><\/a><\/p>\n<p>By <a href=\"https:\/\/www.youtube.com\/channel\/UC8butISFwT-Wl7EV0hUK0BQ\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><strong>freeCodeCamp.org<\/strong><\/a><br \/>\n<strong>Published<\/strong>: Feb 07, 2022<\/p>\n<p><em style=\"font-family: 'Times New Roman',Times,serif; color: #666;\"><span style=\"font-size: 3.5em; font-weight: bold;\">\u201c<\/span><\/em><br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=lRaL-8qZ0mM\" target=\"offsite\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/i1.ytimg.com\/vi\/lRaL-8qZ0mM\/hqdefault.jpg\" class=\"alignright\" align=\"right\" alt=\"freeCodeCamp.org\" style=\"width: 200px; height: auto;\"\/><\/a> Learn how to create your own design system while building a Space Travel Website with CSS guru Kevin Powell. You can also follow the interactive Scrimba version of this course by clicking here: <a href=\"https:\/\/scrimba.com\/learn\/spacetravel\" target=\"offsite\" rel=\"nofollow noopener noreferrer\">https:\/\/scrimba.com\/learn\/spacetravel<\/a><\/p>\n<p>Code on GitHub: <a href=\"https:\/\/github.com\/kevin-powell\/space-tourism\" target=\"offsite\" rel=\"nofollow noopener noreferrer\">https:\/\/github.com\/kevin-powell\/space-tourism<\/a><\/p>\n<p>In this course you will first learn how to build your own design system and then learn how to implement the entire website with the design system using CSS, HTML, and JavaScript.<\/p>\n<p>At the end, you will have a neat project to add your portfolio in addition to have sharpened your CSS and design skills.<\/p>\n<p>The design for the course has been created by FrontendMentor. You can get the design files from their page: <a href=\"https:\/\/www.frontendmentor.io\/challenges\/space-tourism-multipage-website-gRWj1URZ3\" target=\"offsite\" rel=\"nofollow noopener noreferrer\">https:\/\/www.frontendmentor.io\/challen&#8230;<\/a><\/p>\n<ul><strong>Course Contents<\/strong><\/p>\n<li>(0:00:00) The design system<\/li>\n<li>(2:04:12) The homepage<\/li>\n<li>(3:02:25) Navigation<\/li>\n<li>(4:17:48) The destination page<\/li>\n<li>(5:29:33) The tabs<\/li>\n<\/ul>\n<hr \/>\n<ul><strong>Twitter links:<\/strong><\/p>\n<li>Follow Kevin Powell on Twitter: <a href=\"https:\/\/twitter.com\/kevinjpowell\" target=\"offsite\" rel=\"nofollow noopener noreferrer\">https:\/\/twitter.com\/kevinjpowell<\/a><\/li>\n<li>Follow FrontendMentor on Twitter: <a href=\"https:\/\/twitter.com\/frontendmentor\" target=\"offsite\" rel=\"nofollow noopener noreferrer\">https:\/\/twitter.com\/frontendmentor<\/a><\/li>\n<li>Follow Scrimba on Twitter: <a href=\"https:\/\/twitter.com\/scrimba\" target=\"offsite\" rel=\"nofollow noopener noreferrer\">https:\/\/twitter.com\/scrimba<\/a><\/li>\n<\/ul>\n<ul><strong>YouTube links:<\/strong><\/p>\n<li>Kevin Powell: <a href=\"https:\/\/www.youtube.com\/kepowob\" target=\"offsite\" rel=\"nofollow noopener noreferrer\">https:\/\/www.youtube.com\/kepowob<\/a><\/li>\n<li>Scrimba: <a href=\"https:\/\/www.youtube.com\/c\/Scrimba\" target=\"offsite\" rel=\"nofollow noopener noreferrer\">https:\/\/www.youtube.com\/c\/Scrimba<\/a><\/li>\n<\/ul>\n<div style=\"text-align: center; font-weight: bold\">[<a href=\"https:\/\/www.youtube.com\/watch?v=lRaL-8qZ0mM\" target=\"offsite\" rel=\"nofollow noopener noreferrer\" title=\"Read More on YouTube\">READ MORE<\/a>]<\/div>\n<p><em style=\"font-family: 'Times New Roman',Times,serif; color: #666;\"><span style=\"font-size: 3.5em; font-weight: bold;\">\u201d<\/span><\/em><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to create your own design system while building a Space Travel Website with CSS guru Kevin Powell. You can also follow the interactive Scrim&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[111,7,380],"tags":[191,236,1756,2731,2730,1777,190],"class_list":["post-37136","post","type-post","status-publish","format-standard","hentry","category-css","category-html-tipz","category-video-tutorials","tag-coding","tag-css","tag-freecodecamp","tag-frontendmentor","tag-kevin-powell","tag-scrimba","tag-scripting"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>[#Script #Coding] Create a Design System with CSS - Web Development Course - WHUZZUP!<\/title>\n<meta name=\"description\" content=\"Learn how to create your own design system while building a Space Travel Website with CSS guru Kevin Powell. You can also follow the intera...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[#Script #Coding] Create a Design System with CSS - Web Development Course - WHUZZUP!\" \/>\n<meta property=\"og:description\" content=\"Learn how to create your own design system while building a Space Travel Website with CSS guru Kevin Powell. You can also follow the intera...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/\" \/>\n<meta property=\"og:site_name\" content=\"WHUZZUP!\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/EricBrooksDotComWeb\/\" \/>\n<meta property=\"article:author\" content=\"EricBrooksDotComWeb\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-03T02:01:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-03T02:42:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i1.ytimg.com\/vi\/lRaL-8qZ0mM\/hqdefault.jpg\" \/>\n<meta name=\"author\" content=\"Eric Brooks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@EricBrooksCom\" \/>\n<meta name=\"twitter:site\" content=\"@EricBrooksCom\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eric Brooks\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-create-a-design-system-with-css-web-development-course\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-create-a-design-system-with-css-web-development-course\\\/\"},\"author\":{\"name\":\"Eric Brooks\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/person\\\/3b162468e1f9814f6e9f61460db00a3a\"},\"headline\":\"[#Script #Coding] Create a Design System with CSS &#8211; Web Development Course\",\"datePublished\":\"2023-02-03T02:01:01+00:00\",\"dateModified\":\"2023-02-03T02:42:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-create-a-design-system-with-css-web-development-course\\\/\"},\"wordCount\":220,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-create-a-design-system-with-css-web-development-course\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i1.ytimg.com\\\/vi\\\/lRaL-8qZ0mM\\\/hqdefault.jpg\",\"keywords\":[\"coding\",\"css\",\"freecodecamp\",\"FrontEndMentor\",\"Kevin Powell\",\"Scrimba\",\"scripting\"],\"articleSection\":[\"css\",\"Html Tipz\",\"Video Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-create-a-design-system-with-css-web-development-course\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-create-a-design-system-with-css-web-development-course\\\/\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-create-a-design-system-with-css-web-development-course\\\/\",\"name\":\"[#Script #Coding] Create a Design System with CSS - Web Development Course - WHUZZUP!\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-create-a-design-system-with-css-web-development-course\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-create-a-design-system-with-css-web-development-course\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i1.ytimg.com\\\/vi\\\/lRaL-8qZ0mM\\\/hqdefault.jpg\",\"datePublished\":\"2023-02-03T02:01:01+00:00\",\"dateModified\":\"2023-02-03T02:42:36+00:00\",\"description\":\"Learn how to create your own design system while building a Space Travel Website with CSS guru Kevin Powell. You can also follow the intera...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-create-a-design-system-with-css-web-development-course\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-create-a-design-system-with-css-web-development-course\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-create-a-design-system-with-css-web-development-course\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i1.ytimg.com\\\/vi\\\/lRaL-8qZ0mM\\\/hqdefault.jpg\",\"contentUrl\":\"https:\\\/\\\/i1.ytimg.com\\\/vi\\\/lRaL-8qZ0mM\\\/hqdefault.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/script-coding-create-a-design-system-with-css-web-development-course\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[#Script #Coding] Create a Design System with CSS &#8211; Web Development Course\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#website\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/\",\"name\":\"WHUZZUP!\",\"description\":\"What&#039;s new at EricBrooks.Com plus news and gossip all over CyberTown\",\"publisher\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#organization\",\"name\":\"WHUZZUP!\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/images\\\/posts\\\/cropped-favicon_64-1.png\",\"contentUrl\":\"https:\\\/\\\/ericbrooks.com\\\/images\\\/posts\\\/cropped-favicon_64-1.png\",\"width\":512,\"height\":512,\"caption\":\"WHUZZUP!\"},\"image\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/EricBrooksDotComWeb\\\/\",\"https:\\\/\\\/x.com\\\/EricBrooksCom\",\"https:\\\/\\\/www.instagram.com\\\/ericbrooksdotcom\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/ericbrooksdotcom\",\"https:\\\/\\\/myspace.com\\\/ericbrooksdotcom\",\"https:\\\/\\\/www.pinterest.com\\\/ericbrookscom\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/ericbrooksdotcom\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/person\\\/3b162468e1f9814f6e9f61460db00a3a\",\"name\":\"Eric Brooks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x\",\"caption\":\"Eric Brooks\"},\"description\":\"Web &amp; Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.\",\"sameAs\":[\"https:\\\/\\\/ericbrooks.com\",\"EricBrooksDotComWeb\",\"ericbrooksdotcom\",\"ericbrookscom\\\/\",\"https:\\\/\\\/x.com\\\/EricBrooksCom\"],\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/author\\\/site-admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[#Script #Coding] Create a Design System with CSS - Web Development Course - WHUZZUP!","description":"Learn how to create your own design system while building a Space Travel Website with CSS guru Kevin Powell. You can also follow the intera...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/","og_locale":"en_US","og_type":"article","og_title":"[#Script #Coding] Create a Design System with CSS - Web Development Course - WHUZZUP!","og_description":"Learn how to create your own design system while building a Space Travel Website with CSS guru Kevin Powell. You can also follow the intera...","og_url":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/","og_site_name":"WHUZZUP!","article_publisher":"https:\/\/www.facebook.com\/EricBrooksDotComWeb\/","article_author":"EricBrooksDotComWeb","article_published_time":"2023-02-03T02:01:01+00:00","article_modified_time":"2023-02-03T02:42:36+00:00","og_image":[{"url":"https:\/\/i1.ytimg.com\/vi\/lRaL-8qZ0mM\/hqdefault.jpg","type":"","width":"","height":""}],"author":"Eric Brooks","twitter_card":"summary_large_image","twitter_creator":"@EricBrooksCom","twitter_site":"@EricBrooksCom","twitter_misc":{"Written by":"Eric Brooks","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/#article","isPartOf":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/"},"author":{"name":"Eric Brooks","@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/person\/3b162468e1f9814f6e9f61460db00a3a"},"headline":"[#Script #Coding] Create a Design System with CSS &#8211; Web Development Course","datePublished":"2023-02-03T02:01:01+00:00","dateModified":"2023-02-03T02:42:36+00:00","mainEntityOfPage":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/"},"wordCount":220,"commentCount":0,"publisher":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#organization"},"image":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/#primaryimage"},"thumbnailUrl":"https:\/\/i1.ytimg.com\/vi\/lRaL-8qZ0mM\/hqdefault.jpg","keywords":["coding","css","freecodecamp","FrontEndMentor","Kevin Powell","Scrimba","scripting"],"articleSection":["css","Html Tipz","Video Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/","url":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/","name":"[#Script #Coding] Create a Design System with CSS - Web Development Course - WHUZZUP!","isPartOf":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/#primaryimage"},"image":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/#primaryimage"},"thumbnailUrl":"https:\/\/i1.ytimg.com\/vi\/lRaL-8qZ0mM\/hqdefault.jpg","datePublished":"2023-02-03T02:01:01+00:00","dateModified":"2023-02-03T02:42:36+00:00","description":"Learn how to create your own design system while building a Space Travel Website with CSS guru Kevin Powell. You can also follow the intera...","breadcrumb":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/#primaryimage","url":"https:\/\/i1.ytimg.com\/vi\/lRaL-8qZ0mM\/hqdefault.jpg","contentUrl":"https:\/\/i1.ytimg.com\/vi\/lRaL-8qZ0mM\/hqdefault.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/ericbrooks.com\/whuzzup\/script-coding-create-a-design-system-with-css-web-development-course\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ericbrooks.com\/whuzzup\/"},{"@type":"ListItem","position":2,"name":"[#Script #Coding] Create a Design System with CSS &#8211; Web Development Course"}]},{"@type":"WebSite","@id":"https:\/\/ericbrooks.com\/whuzzup\/#website","url":"https:\/\/ericbrooks.com\/whuzzup\/","name":"WHUZZUP!","description":"What&#039;s new at EricBrooks.Com plus news and gossip all over CyberTown","publisher":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ericbrooks.com\/whuzzup\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ericbrooks.com\/whuzzup\/#organization","name":"WHUZZUP!","url":"https:\/\/ericbrooks.com\/whuzzup\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/logo\/image\/","url":"https:\/\/ericbrooks.com\/images\/posts\/cropped-favicon_64-1.png","contentUrl":"https:\/\/ericbrooks.com\/images\/posts\/cropped-favicon_64-1.png","width":512,"height":512,"caption":"WHUZZUP!"},"image":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/EricBrooksDotComWeb\/","https:\/\/x.com\/EricBrooksCom","https:\/\/www.instagram.com\/ericbrooksdotcom\/","https:\/\/www.linkedin.com\/in\/ericbrooksdotcom","https:\/\/myspace.com\/ericbrooksdotcom","https:\/\/www.pinterest.com\/ericbrookscom\/","https:\/\/www.youtube.com\/user\/ericbrooksdotcom"]},{"@type":"Person","@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/person\/3b162468e1f9814f6e9f61460db00a3a","name":"Eric Brooks","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x","url":"https:\/\/secure.gravatar.com\/avatar\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x","caption":"Eric Brooks"},"description":"Web &amp; Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.","sameAs":["https:\/\/ericbrooks.com","EricBrooksDotComWeb","ericbrooksdotcom","ericbrookscom\/","https:\/\/x.com\/EricBrooksCom"],"url":"https:\/\/ericbrooks.com\/whuzzup\/author\/site-admin\/"}]}},"_links":{"self":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts\/37136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/comments?post=37136"}],"version-history":[{"count":1,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts\/37136\/revisions"}],"predecessor-version":[{"id":37139,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts\/37136\/revisions\/37139"}],"wp:attachment":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/media?parent=37136"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/categories?post=37136"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/tags?post=37136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}