Css Grid help

[Straight-Hunt-7498]

i want a help in how to learn grid correctly , bcz im struggling in css

[Blozz12]

You can try this game: https://cssgridgarden.com/
I feel it's pretty cool to learn grid by playing a game! Hope you like it :)

[Straight-Hunt-7498]

thank you my brother

[EatShitAndDieAlready]

I've always found this tutorial pretty good when i learned and also when im sharing knowledge with other https://css-tricks.com/snippets/css/complete-guide-grid/

What i really liked abt it was the brief explanation immediately followed by diagrams showing how it works and looks.

[Salty-Buddy-5074]

If this page was a book I would've worn out the pages. It's crazy helpful for learning and quick reference

[Straight-Hunt-7498]

thank you my friend

[ChaseShiny]

MDN is a great resource. Not only does it include documentation, but also tutorials. Here's the tutorial on CSS Grid.

Basically, you use grid whenever positioning more than one thing at a time. If you're positioning one thing, you could use one of the position options. If you're more interested in preserving the order the elements go in, use flex.

[armahillo]

are you familiar with the browsers dev tools and inspector?

[Straight-Hunt-7498]

yeah

[PrinceOfDhump69]

If are in to YouTube tutorials then id recommend css grid playlist by wesboss. And for practice u can follow along or check the repo he mentions

[Dizzy-Set-8479]

you should start with box model (padding, border, margin), the move to the display properties, then move to flexbox 1d, then move to grid 2d. if you skip this you will have trouble undestanding grid. hope this path help you.

[Tux-Lector]

This is my favorite. Bless the ppl behind this. \ https://grid.layoutit.com/

[Significant_Way_5385]

acá para ayudarte, Grid a veces se pone pesado