I first heard about CSS Grid towards the end of 2016. I was sitting at one of my first Tech Ladies meetings and an attendee mentioned hearing how a...
For further actions, you may consider blocking this person and/or reporting abuse
Bookmarking this!
same! special thanks for the firefox inspector tip!
Of course! Their inspector tools for grid are next level.
Nice content but codes are wrong. And you shared missing data. With the codes you provide, we are unable to create content in the subject. We have to write code from extras. Html codes used incorrectly. But the article is generally described correctly and beautifully. Thanks for everything.
Hi Simsar,
Not totally sure what you mean but all the code is correct. The only thing that I didn’t include is the styling for the individual items since that’s just adding background-color and font-size. Would love to know if I may have overlooked something so I can update the article!
Thanks Kara, really good intro!
Very nice, bookmarking as well. Really wanted something like this about grid, all in one place!
This is a great overview! I'm going to play around with this today. Thank you!
I'm trying this tonight!
Wonderful article. Sharing this on my social channels.
Great timing for me, having just stumbled onto a perfect layout use case. Thanks for an awesome post.
Thanks for the writeup!
I haven't looked into CSS grid until now. Bookmarked this as a starter :]
Have not used css grid before. Do you still use flexbox when creating new things or
only css grid?
You can use them together but CSS Grid can do almost everything that flexbox can (except for reversing rows/columns and some animation) so I haven't had a use-case where I've personally used both together.
LMAO I bought those books too xD
(In the cover image)
Haha I definitely did too. I'm sure they're a little outdated now but I loved how visual they were!
You can also check gridbyexample.com/examples/
Yes! That has some great examples.
Learnt a new thing today. Never knew "grid-auto-flow: dense." exist.Thank you for this Kara.
You're welcome! Be careful with
grid-auto-flow: denseif you're trying to meet any accessibility standards though. It does mess up your source order so things will be read out of order on a screen reader.Very clear explanation, I was kind of lost with this topic in particular, but this helped a lot!