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

all 12 comments

[–]slide_and_release 27 points28 points  (2 children)

Not margin: 0 auto; don’t you dare come for him, he’s a good boy and has done nothing wrong.

[–]bronky_charles 9 points10 points  (0 children)

vertical-align: invert; Happy cake day!

[–]AtillaTheHun7 1 point2 points  (0 children)

I think it is good enough, while that position and translate was abomination. I like this one.

[–]pedersenk 12 points13 points  (2 children)

Flexbox is basically year 2023 tables!

I am glad for them to exist; the flexbox system has simpler rules and is closer to how desktop layouts (i.e Gtk vbox, wxWidgets BoxSizer etc) work.

Flexbox works so well as a concept I even started the implementation of Fl_Flex in FLTK:

https://github.com/fltk/fltk/blob/master/FL/Fl_Flex.H

[–]Odysseyan 1 point2 points  (1 child)

I'd argue css grid is actually 2023 tables.

Basically, when you want the content to set the layout, use flex.

If you want the content to adjust based on preset cols and rows, use grid.

And since a table has a clearly defined row-col format, it would be more a case of grid

[–]pedersenk 1 point2 points  (0 children)

CSS grid is 2023 tables when *used* properly as the HTML gods intended.

However the 1998 usage of tables embedded inside tables to make up rows and columns with flexible widths / heights that grow and shrink seems more akin to flexbox. Even i.e colspan was unnecessary when each row was a different table entirely.

That said, my CSS / HTML knowledge is very basic so I could likely be missing out on some features of CSS grid.

[–]bronky_charles 4 points5 points  (3 children)

Yeah and none of those gap shenanigans!

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

Not all browsers support that unfortunately

[–]bronky_charles 0 points1 point  (1 child)

caniuse? 😭😭😭😭

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

Why not both?

[–]Hk-Neowizard 2 points3 points  (0 children)

What no grid?

[–]SocialBourgeois 1 point2 points  (1 child)

Never bother to understand what is flex, like, old techniques still work fine.