top | item 39363478

(no title)

thr33 | 2 years ago

I too love flex but your comment is a bit off. bootstraps grid system is a fake grid modelled on flex. building layout grids with flex in general is definitely not endgame, its actually very tedious and unreliable.

css grid however is perfect for this and represents one of the most underutilised powerhouses in the css kit

discuss

order

mminer237|2 years ago

I haven't really found much use for CSS grid. It's fine if you're doing a strict grid, but it seems to have all the limitations of a literal table to me. You can't put two objects in one cell. It has no way to wrap. It just isn't responsive at all. You can't make a sidebar with grid. You basically have to just write multiple styles and switch between them with media queries.

In practice, I find making a fake grid out of flex boxes much more usable. About the only thing grid does easier is letting you place a footer correctly. (Although you gotta make sure you count elements correctly because if you insert an extra element before your grid's footer, it will be rendered after.)

thr33|2 years ago

you can do everything you just mentioned with grid more reliably and by writing significantly less css than the flex method.

wruza|2 years ago

Grid also doesn’t break in media print. Neither does flex, but at least you can make a div of flexes, so that div breaks.

n_plus_1_acc|2 years ago

I remember when bootstraps cols were implemented using float.