DEV Community

Discussion on: How did you get better at CSS?

Collapse
 
niorad profile image
Antonio Radovcic

I learned mostly by projects at work.

Floats and clearing have been a giant headache in my first 3 years working full-time in front-end.

If your motivation is practising for personal projects, I assume you can get by with CSS for modern-ish browsers.

So I'd suggest you learn Flexbox and CSS-Grid next.
At least for me, Flexbox brought huge simplification when we started using it at work, since it allows alignment and justifying items with ease.
With CSS-Grid you have a tool to tackle whole page-layouts.

My go-to reference for flexbox: css-tricks.com/snippets/css/a-guid...
A good free CSS-Grid-course: cssgrid.io

Collapse
 
terabytetiger profile image
Tyler V. (he/him)

To add some fun resources that I've enjoyed using to learn, these are web browser games to help kick off your understanding (or further it if you've got the basic pieces down):

Collapse
 
erikerik profile image
Erik

I've used all three of those and they helped me learn Grid and Flexbox in a fun way.

Flexbox Zombies is another great one. It takes a bit longer but it does a great job at spaced repetition.

Collapse
 
aizkhaj profile image
Aizaz Khaja

I love these game type resources. They're an excellent way to get into things and remove the initial hesitation of getting into something new. Reminds me of Vim Adventures! Thanks for sharing