DEV Community

Discussion on: Translating the Graphic Design Grid to CSS Grid

Collapse
 
chrisachard profile image
Chris Achard

Ah, neat - I've been hearing about css grid, but haven't seen it in action yet. Thanks! I'll have to dig in a bit deeper.

Do you have a good feel for when you'd use css grid vs flexbox? I guess if you really want to lay out a grid (heh), you'd use css grid...

Also, as a side note, if you happen to want neat syntax highlighting on your css code examples, you can put css in after the three backticks, like this:


```css
.my-class {}
```

and it shows up like this:

.my-class {}

Thanks for the post!

Collapse
 
ryanallmad profile image
ryanAllMad

Cool tip! Thanks! I am still partial to flex for everyday sites since I know it better and it's easy to make a site responsive with. I'm still learning grid, I need to dig into it more myself, but if I were using a page to display js events & triggered css animations I'd use grid.

Collapse
 
chrisachard profile image
Chris Achard

That makes sense, thanks :) I need to dig in too! Going to add it to my (long) list of things to play around with 🤣

Thread Thread
 
ryanallmad profile image
ryanAllMad

Seriously!!! Lol. My list of things to learn just gets longer. Everytime I start learning a new thing I find 10 more things to add to the list.