I wish they'd release CSS Gap Decorations: https://developer.chrome.com/blog/gap-decorations

I'm tired of having to use stupid hacks to get nice-looking borders between flex/grid items.

Have you considered using tables?

It is funny how we keep asking more and more and more even though we already have it so much better than before. Can we never be happy with what we have?

▲

j-krieger 2 days ago | parent | next [-]

> It is funny how we keep asking more and more and more even though we already have it so much better than before.

I've been developing web stuff for 15 years now and sometimes I can't believe comments like these. We didn't have it "so much better before". CSS sucked hard and getting things right for three devices was an incredible pain in the ass.

Tables have semantic meaning. They don't support fractional units. Reflowing for mobile is impossible and you need JS hacks like splitting tables. You can't reorder natively.

	▲	perardi 2 days ago \| parent \| next [-]
		I have been developing web stuff for 20 years now and I also can’t believe comments like these. Flex and grid enable layouts that are far beyond anything we could do with table layouts. Anyone who claims otherwise has obviously not done any amount of serious, production FE UI design and development. Are there bits of DX ergonomics I’d like in flex and grid? Of course. Does the syntax sometimes feel a bit arcane? Yeah. But the raw power is there, and anyone who claims the contrary is either a gormless backend developer, or some troll who is trying to design things in MS Word.
	▲	alwillis 2 days ago \| parent \| prev \| next [-]
		I saw a similar comment on HN recently that CSS was "better" back in the day and what we have today is either unnecessary or too hard. I reminded that person we had to use floats and positioning hacks and abuse HTML tables for page layout before flexbox and CSS Grid were created. There was no way simple method to center a div!
	▲	spencerflem 2 days ago \| parent \| prev [-]
		Tbf it said “we have it so much better Than before” I think they agree with you

▲

sabellito 2 days ago | parent | prev [-]

How would tables solve the issue they're talking about?

	▲	docmars 2 days ago \| parent [-]
		Borders can be applied to table cells independent of the content inside cells. Gap decorations allow you to add borders between flex/grid items, but without the woes of dealing with table quirks and behavior. Common use cases would include mimicking design patterns found in print layouts, particularly newspapers and menus, to help divide groups of items or info. Examples: https://developer.chrome.com/blog/gap-decorations