CSS Grid Level 2 – subgrid is coming to Firefox

Re:CSS Grid Level 2 – subgrid is coming to Firefox by rossy on Thursday June 06, 2019 @03:23AM (#20112305)

Not if you want the columns to stretch to fill the remaining space, and you also want the number of columns to be dynamic.

> Also, I think that tutorials for things like flexbox or grid should include fallbacks for older browsers.

Well, a sensible fallback for that grid list example would be to inline-blocks with a fixed number of columns.

[ Parent | on HN ]

Re:CSS Grid Level 2 – subgrid is coming to Firefox by codedokode on Thursday June 06, 2019 @03:37AM (#20112361)

You make a number of columns dynamic by setting different percentage widths on different page sizes.

[ Parent | on HN ]

Re:CSS Grid Level 2 – subgrid is coming to Firefox by maaaats on Thursday June 06, 2019 @03:55AM (#20112452)

But then it's responsive to the page size, not the container size. That's a small, but important difference.

For instance, I recently made a component to be included on other pages at work. It had to look good no matter the size the page gave it. So they might put it into a 400px wide container, on a 1600px wide page. If I used vw or media queries to draw it based on page size, it would behave wrong.

[ Parent | on HN ]

Re:CSS Grid Level 2 – subgrid is coming to Firefox by SquareWheel on Thursday June 06, 2019 @07:36AM (#20113498)

I was thinking about that problem earlier. Is there not a CSS unit for container size? If not, that seems like a very useful addition. Like a more embedded version of vw/vh.

[ Parent | on HN ]

Re:CSS Grid Level 2 – subgrid is coming to Firefox by ZeikJT on Thursday June 06, 2019 @09:59PM (#20121011)

Percent can be based on container depending on how the container size is set.

[ Parent | on HN ]

Re:CSS Grid Level 2 – subgrid is coming to Firefox by SquareWheel on Friday June 07, 2019 @06:17AM (#20123141)

Ah, of course you're right. Good point thank you.

[ Parent | on HN ]