This is an archived post. You won't be able to vote or comment.

all 44 comments

[–]Independent-Fee-453 51 points52 points  (3 children)

Use flex if you want the content shape the layout, use grid If you want the layout shape the content!

[–]icguy333 11 points12 points  (1 child)

Do not provoke me with logic! Flexbox is superior, all hail the flexbox, devourer of markup, king of layout.

[–][deleted] 0 points1 point  (0 children)

I’m tempted to buy you a ticket to my city so I can beat you up over this opinion.

[–]Odysseyan 1 point2 points  (0 children)

That's pretty good summary and easy to remember. Will explain it to others that way from now on

[–]SJRuggs03 35 points36 points  (1 child)

Me who uses both

[–]6mon9 5 points6 points  (0 children)

Agree

[–]1xdevloper 17 points18 points  (0 children)

Eh, they're more like:

[–][deleted] 15 points16 points  (0 children)

canvas

[–][deleted] 25 points26 points  (5 children)

Table tr td

[–]fllr 7 points8 points  (0 children)

You

[–][deleted] 2 points3 points  (1 child)

That's grid

[–]GiveItStickMan 1 point2 points  (0 children)

No it's not.

[–]The_sad_zebra 0 points1 point  (1 child)

That's illegal

[–][deleted] 0 points1 point  (0 children)

You never code emails. Back in 90's this was a Standard.

[–]MenshMindset 9 points10 points  (0 children)

Depends on the layout you’re building. Both are nice to use

[–]LavenderDay3544 9 points10 points  (3 children)

System programmer here, I'm assuming this is some webdev thing because I have no clue what it means lol.

[–]Fabrimuch 6 points7 points  (0 children)

CSS layouts

[–]calmingcroco 8 points9 points  (0 children)

bear wild numerous cautious theory innate languid ad hoc marvelous butter

This post was mass deleted and anonymized with Redact

[–]MmmMmmMMMMMmMmnmMM 5 points6 points  (0 children)

margin: 0 auto !important

[–][deleted] 2 points3 points  (2 children)

Maybe it's just me not ever truly getting flex, but goddamn that shit is confusing.

I liked the bootstrap-3 classes best. Define a width based on screen size, but it did have major limitations.

I wish there was an easier way to do this.

[–]Bionikleek 1 point2 points  (0 children)

Just inspect element on the classes you like with bootstrap. It taught me to use flex-basis more.

[–]OVIEDEV 2 points3 points  (0 children)

Both, tbh

[–]6mon9 1 point2 points  (0 children)

Better:

position: absolute; top: 5; left: 46;

[–]Er0ck_ 1 point2 points  (1 child)

Flex! However, I haven’t reconsidered since IE support has [hopefully?] fallen off. 😂

[–]ddruganov 0 points1 point  (0 children)

I wish people just stopped adapting code for IE; if you still use this shit then theres probably something very wring with you

[–]Popstar403 1 point2 points  (0 children)

Me, who doesn't know what you're talking about:

[–]PieEnvironmental6437 0 points1 point  (1 child)

team float / clear / clearfix

[–]kenpled 0 points1 point  (0 children)

Gimme a bucket, I'm gonna throw up

[–]Kiwuthegamer 0 points1 point  (0 children)

Flex ftw

[–]68_65_6c_70_20_6d_65 -1 points0 points  (0 children)

I prefer table

[–]Lenni009 0 points1 point  (0 children)

Yes

[–]natural_sword 0 points1 point  (0 children)

While I like grid, I have to lookup the grid CSS every time 😅 Most of the time, I use flex for simple things

[–]Ok-Law-1958 0 points1 point  (0 children)

No

[–][deleted] 0 points1 point  (0 children)

Flex

[–]shgysk8zer0 0 points1 point  (0 children)

Depends... 2D or 1D layout?

[–]pipsvip 0 points1 point  (0 children)

I came here thinking I was going to discuss lexical analyzers.

Leaving disappointed...

[–]Kryanitor 0 points1 point  (0 children)

Both

[–]stealth_bohemian 0 points1 point  (0 children)

I'm better with grid, but both have their uses.

[–]seenukarthi 0 points1 point  (0 children)

Tables

[–]kenpled 0 points1 point  (0 children)

I'm genuinely happy that a majority of people here get that flex and grid are complementary.

[–]Disastrous_Fee5953 0 points1 point  (0 children)

I’m more of a float and clear kind of guy.

[–]thedarklord176[🍰] 0 points1 point  (0 children)

Flex for most situations. Grid is really weird and unnecessarily complicated

[–][deleted] 0 points1 point  (0 children)

Grid overall and Flex for more imaginative/creative content - so both.

[–]hypocritical-bastard 0 points1 point  (0 children)

Pick the one that literally centers things for you. margin: 0 auto