Learning CSS takes time!

All you really need to learn CSS is google-search and enough stubbornness.

However, guides that give you a bigger picture view will save you lots of time and make the process more enjoyable.

Too bad nobody reads them!

I collected high quality guides that are short and fun so that maybe you do.

Key: ⚽=Interactive,⭐=Don't Miss!

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b09ac173-ddf5-4300-8d71-2ae5351f59ff/Ee0zOSWXsAAJySr.jpg

Julia Evans

Selecting an element:

cssdiner.com ⭐⚽

https://wizardzines.com/comics/selectors/

Building Blocks:

https://wizardzines.com/comics/box-model/

https://wizardzines.com/comics/padding-margin/

https://wizardzines.com/comics/position-absolute/

https://wizardzines.com/comics/inline-vs-block/

Flexbox/Centering stuff:

https://flexboxfroggy.com/ ⭐⚽

https://wizardzines.com/comics/flexbox-basics/

https://wizardzines.com/comics/css-centering/

Grids Layouts:

https://cssgridgarden.com/

https://twitter.com/b0rk/status/1296872883642404865

https://hacks.mozilla.org/2017/10/an-introduction-to-css-grid-layout-part-1/