Cascading Style Sheets (CSS)

Table of Contents

Go To References #

W3Schools - beginner friendly, introducing basic syntax and concepts along with live editors to try out what you learn
Mozilla Docs and Mozilla CSS Reference - goes very deep for each CSS property and also has handy browser support details
Kevin Powell Tutorials - Kevin covers many aspects of CSS including using it to build responsive sites, CSS tips and tricks, reaction videos to pure CSS animations, and much more – plus he has a really soothing voice and is a pleasure to watch and listen to!
Design Course Tutorials - Gary covers more of the ‘design’ aspect of building sites and how to make the UX better / more modern, as well full stack tutorials using Node / Angular / Bootstrap / React / Vue.js

10 modern layouts in 1 line of CSS | Google Chrome Developers - Must watch, especially for the ‘definitely centered layout’
Confusing CSS behaviors that actually make sense | Kevin Powell - Understand why height: 50% might not display properly, getting rid of spaces under images (because of the baseline), and the specificity hack to make quick fixes
Do you understand how Flexbox does what it does? | Kevin Powell - Understand how flex works and how to make things evenly spaced, plus a nice tip at the end about the gap: 1em to have spaces between the columns
Learn Sass in this Free Crash Course - Give your CSS Superpowers! | DesignCourse - Sass / SCSS tutorial, with handy tip about clip paths, and real-world mobile-first responsive design and build