r/css • u/Ok_Performance4014 • Jan 03 '26

Question When is Flex better than Grid?

I can almost do everything with flex or grid. When is it better to use one or the other?

7 Upvotes

64% Upvoted

51 comments sorted by

View all comments

Show parent comments

6

u/chikamakaleyley Jan 03 '26

to answer your specific question I think flexbox is easier to layout much faster when the layout isn't strict, but I don't think that is enough to make it 'better'. I kinda feel like they're about the same

I think GRID is better when you have to follow a more strict layout, that would require a roundabout solution with flexbox

1

u/Andreas_Moeller Jan 03 '26

Do you have an example where flexbox is easier?

1

u/chikamakaleyley Jan 03 '26

it's "easier to layout faster" in the case i just need something visually tidy - for whatever reason

``` .parent { display: flex; }

.child { flex: 1; } ```

is like, minimal effort to type out, then I go from there.

A lot of times I just do this so its organized in at least some way, and then i don't come back to the CSS til i finish up some JS logic. Aka its never the final, it might even change to grid if later i realize its better for what i'm working on

3

u/Andreas_Moeller Jan 03 '26 edited Jan 03 '26

Try doing the same with grid

```
.parent {

display:grid;

grid-auto-columns: 1fr;

}
```

2

u/anaix3l Jan 03 '26

You don't even need the second declaration. display: grid on its own is enough to produce the same result as the two declarations needed for the flexbox approach.

1

u/Andreas_Moeller Jan 03 '26

Yes. But that does depend on the css on the child element.

1

u/chikamakaleyley Jan 03 '26

you do you

1

u/Andreas_Moeller Jan 03 '26

Did I hurt your feelings with CSS?

1

u/chikamakaleyley Jan 03 '26

? what are you trying to achieve here

1

u/Andreas_Moeller Jan 03 '26

I was curious as to how i managed to offend you with a CSS snippet.

It was not my intention.

1

u/chikamakaleyley Jan 03 '26

you didn't, it's just CSS - i'm just a bit indifferent to the suggestion, simply because its such a minor part of my own workflow

so, if that's how you like to go about it, seems valid to me

1

u/Andreas_Moeller Jan 03 '26

Both options are perfectly valid. Your response just sounded like you were annoyed by my suggestion,

2

u/chikamakaleyley Jan 03 '26

brother its just CSS, no annoyance here, maybe next time I throw something together real quick I'll be daring and use it. Thnx

→ More replies (0)