I am new to CSS, everything is simple, until flexbox/grid appears after watching 5 videos yeah I understand how things work but I can’t implement anything even simple exercises i feel like its too hard while flexbox/grid basics is so simple but still i cant understand it fully even after watching like 5 videos+ ,2courses every course is around 2hours, talking about it.
so what is a good source to learn flexbox/grid?
>Solution :
learn CSS GRID and FLEXBOX?
if you are serius
I learn CSS GRID and CSS FLEX using FreeCodeCamp
-
FLEXBOX: https://www.freecodecamp.org/learn/responsive-web-design/#css-flexbox
-
GRID: https://www.freecodecamp.org/learn/responsive-web-design/
they have an Interactive course, FREE Project-Based… (for example with Flexbox we learn it using Twitter layout)
FreeCodeCamp need time, but You will learn
if you get stuck
- Mozilla is One of the best Documentation!
Mozilla GRID documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
Mozilla FLEX documentation: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox
- also w3school is a good resource, but not comparable with Mozilla (Mozilla is more professional)
Youtube
- Kevin Powell: https://www.youtube.com/kepowob/featured
- Web Dev Simplified: https://www.youtube.com/c/WebDevSimplified
they are amazing (really)
the first YouTuber I listed, is literally amazing in CSS go check out, not only in CSS-grid or flex but in CSS in general,
every time I watch a new video of Kevin Powell I always learn something new
the second simplify the things, but does not go into detail like Kevin Powell, is still amazing as a beginner then go to Kevin Powell
after learn the basics
try to master it, by creating mini-project
I also suggest you to see something like codepen for ideas, css-tricks that show something interesting with a tutorial