CSS Resource Compilation

This list contains all the CSS related links that I have found useful. The list will change / update according to the needs in the future.

Youtube

CSS Crash Course For Absolute Beginners (opens new window)

HTML & CSS Tutorial for Beginners (opens new window)

SCSS Crash Course (opens new window)

Online Courses

Web Basics - FreeCodeCamp (opens new window)

CSS Grid by Wes Bos (opens new window)

Docs

Mozilla Web Docs (opens new window)

CSS Reference (opens new window)

CSS Dev Docs (opens new window)

CSS Reference - Codrops (opens new window)

Layout

Flexbox - CSS Tricks (opens new window)

CSS Grid - CSS Tricks (opens new window)

CSS Flexbox Playground by Gabi (opens new window)

Flexbox Froggy (opens new window)

CSS Grid Garden (opens new window)

CSS Flexbox Tutorial by TheNetNinja (opens new window)

CSS Layout Examplesx (opens new window)

CSS Animations

Using CSS Animation - MDN (opens new window)

Animation - CSS Tricks (opens new window)

The Only 2 CSS Properties You Should Animate * (opens new window)

CSS Animation - DevTips (opens new window)

CSS Animation Tutorial by TheNetNinja (opens new window)

Animating with CSS Transitions by Kevin Powell (opens new window)

CSS Preprocessors

Sass (opens new window)

CSS Preprocessors Examples (opens new window)

Media Queries

mediaqueri.es (opens new window)

Frameworks

Tailwind CSS (opens new window)

Bootstrap 4 (opens new window)