{"heading":"Contents","id":13496135,"theme":{"name":"custom","colors":{"background":"#ffffff","button":"#FFD85B","buttonText":"#444C6F","heading":"#5d6587","text":"#5d6587"},"background":{"blend":"multiply","blur":0,"contrast":75,"grayscale":100,"opacity":38,"url":null}},"button":{"text":null,"url":null},"enrollmentsClosed":false,"fileCounts":{"file":null,"text":"9 text files","video":"9 videos"},"includedHeading":"What's included?","preLaunch":false,"products":null,"sections":[{"id":568305,"default":true,"name":"Contents","description":null,"blocks":[]},{"id":600581,"default":false,"name":"Welcome","description":"

Welcome to this course. I don't want to waste your time. So, here's a quick overview of who this course is for.

","blocks":[{"id":1731200,"icon":"file-text-o","title":"Welcome!","length":null,"filesize":null,"preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600581-welcome/1731200-welcome"}},{"id":1730960,"icon":"question-circle","title":"Should you take this course?","length":null,"filesize":null,"preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600581-welcome/1730960-should-you-take-this-course"}},{"id":1814970,"icon":"file-text-o","title":"Who this course is for","length":null,"filesize":null,"preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600581-welcome/1814970-who-this-course-is-for"}}]},{"id":600584,"default":false,"name":"New to CSS","description":"

If you are brand new to CSS here are a few resources to get you up and running in no time.

","blocks":[{"id":1731210,"icon":"file-text-o","title":"This section is meant for those of you brand new to CSS","length":null,"filesize":null,"preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600584-new-to-css/1731210-this-section-is-meant-for-those-of-you-brand-new-to-css"}},{"id":1935105,"icon":"file-text-o","title":"Want to learn from a book?","length":null,"filesize":null,"preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600584-new-to-css/1935105-want-to-learn-from-a-book"}},{"id":1935152,"icon":"file-text-o","title":"Want to learn from an online course?","length":null,"filesize":null,"preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600584-new-to-css/1935152-want-to-learn-from-an-online-course"}}]},{"id":600585,"default":false,"name":"How to select stuff so you can style it","description":"

Get an overview of selectors, download a selectors cheatsheet, and some resources to dive in deeper when you have time.

","blocks":[{"id":1847646,"icon":"play-circle-o","title":"CSS selectors are a big deal","length":"1 min","filesize":"13.9 MB","preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600585-how-to-select-stuff-so-you-can-style-it/1847646-css-selectors-are-a-big-deal"}},{"id":1848445,"icon":"play-circle-o","title":"Selecting in CSS 101","length":"7 mins","filesize":"53.9 MB","preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600585-how-to-select-stuff-so-you-can-style-it/1848445-selecting-in-css-101"}}]},{"id":600587,"default":false,"name":"How to make sure your styles work and aren't overriden","description":"

Learn about the cascade, inheritance, and specificity. It sounds dry, but trust me, it's exciting stuff that will really help you grasp a solid understanding of CSS.

","blocks":[{"id":1847648,"icon":"play-circle-o","title":"Understand this section and you might never need to use !important again. 🤯","length":"1 min","filesize":"13.1 MB","preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600587-how-to-make-sure-your-styles-work-and-aren-t-overriden/1847648-understand-this-section-and-you-might-never-need-to-use-important-again"}},{"id":1850055,"icon":"play-circle-o","title":"Understanding Inheritance","length":"4 mins","filesize":"52.9 MB","preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600587-how-to-make-sure-your-styles-work-and-aren-t-overriden/1850055-understanding-inheritance"}},{"id":1857466,"icon":"play-circle-o","title":"Calculating Specificity","length":"8 mins","filesize":"64.3 MB","preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600587-how-to-make-sure-your-styles-work-and-aren-t-overriden/1857466-calculating-specificity"}},{"id":1860627,"icon":"play-circle-o","title":"The Cascade: Pulling it all together","length":"8 mins","filesize":"67.3 MB","preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600587-how-to-make-sure-your-styles-work-and-aren-t-overriden/1860627-the-cascade-pulling-it-all-together"}}]},{"id":600588,"default":false,"name":"How to approach styling things in CSS","description":"

Now that you know some of the fundamental concepts of CSS let's build on it by diving into a few ways you will use this knowledge.

Understanding the box model and so much more will make sense to you!

","blocks":[{"id":1847651,"icon":"play-circle-o","title":"Apply what you've learned","length":"1 min","filesize":"10.6 MB","preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600588-how-to-approach-styling-things-in-css/1847651-apply-what-you-ve-learned"}},{"id":1861160,"icon":"play-circle-o","title":"Everything in CSS is a box.","length":"7 mins","filesize":"97.6 MB","preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600588-how-to-approach-styling-things-in-css/1861160-everything-in-css-is-a-box"}}]},{"id":600598,"default":false,"name":"Next steps","description":"

Now that you have a solid understanding of CSS, what should you learn next? Don't worry, I've got you covered.

","blocks":[{"id":1849851,"icon":"file-text-o","title":"Steal like an artist","length":null,"filesize":null,"preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600598-next-steps/1849851-steal-like-an-artist"}},{"id":1849852,"icon":"file-text-o","title":"Create a system for naming","length":null,"filesize":null,"preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600598-next-steps/1849852-create-a-system-for-naming"}},{"id":1849853,"icon":"file-text-o","title":"Layouts are hard","length":null,"filesize":null,"preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600598-next-steps/1849853-layouts-are-hard"}},{"id":1860653,"icon":"file-text-o","title":"Learn Logical Properties","length":null,"filesize":null,"preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600598-next-steps/1860653-learn-logical-properties"}},{"id":1847653,"icon":"play-circle-o","title":"You did it!","length":"1 min","filesize":"13.6 MB","preview":false,"download":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/learn-css-over-lunch/buy?term=full","visit":"/courses/learn-css-over-lunch/600598-next-steps/1847653-you-did-it"}}]}],"showFileCount":true}