News for hackers. Stuff that matters.

A comment on State of CSS. Parent comment

Re:State of CSS by Timja on Friday October 21, 2022 @10:46AM (#33288519)
When I try that, the rows do not expand if the content is larger than 33% of the screen height:

https://jsfiddle.net/3hfosn5k/

Scroll down and you will see that the blue color of the bottom row ends and the text overflows it.

But I want what table cells do: Expand if their content is too large to fi.

[ Parent | on HN ]
Re:State of CSS by shadowfoxx on Friday October 21, 2022 @12:31PM (#33289898)
Hey there, I thought about this for a little bit because I find table layouts more pain than they are worth and the secret sauce that's missing from the examples above is nesting!

Just like Tables have <table> and then <tr> - your div's need a similar parent-child relationship to work.

Here's a working fiddle: https://jsfiddle.net/0389jsca/

[ Parent | on HN ]
Re:State of CSS by jahewson on Friday October 21, 2022 @12:11PM (#33289619)
Don't put the grid on the body:

https://jsfiddle.net/y15qszjp/

[ Parent | on HN ]