columns vs flex/grid
Hey, when should you use the columns property over grid/flex for a column layout? I know there’s that one use for masonry type layouts with the columns property, but in terms of general columns, i believe i saw somewhere that you can use minmax or something along those lines with columns. So are columns recommended for general column layouts as i say, with grid/flex being used when you want extra functionality, or should you stay away from it all together?
4 Replies
those are 3 completely different things
columns splits the content into columns, and it fills the columns from top to bottom, breaking the content and putting into columns
imagine that you use columns: 3
that will create 3 columns
the first column will fill, then the 2nd, then the 3rd
here's a diagram of columns vs grid vs flex
the svg is editable in excalidraw
but this should show you the difference between all 3
it's possible to use
flex: 0 0 33% to achieve something almost like-ish the grid oneah okay i see, thanks for the info.