6 ms·

I was going to say: "let's now wait 10 years for it to be usable", but then I went to canisuse and wow: 96.01% of availability! https://caniuse.com/?search=gri

• PinkPigeon 6y ago
  Some noteworthy caveats from my experience with CSS grids: - Particularly in Firefox they are much slower. When grids start to pile up on a page, performance goes down the drain - Implicit row-sizing is not really a thing in Safari or iOS -> https://stackoverflow.com/questions/44770074/css-grid-row-height-safari-bug https://stackoverflow.com/questions/44770074/css-grid-row-he... Quote from that SO post: "This is not a Safari bug. It's just a different interpretation of the spec. When dealing with percentage heights, some browsers (like Safari) adhere to the traditional interpretation of the spec, which requires a defined height on the parent. In other words, a percentage height on an in-flow element will be recognized only when the parent has a defined height. Some browsers, such as Chrome and Firefox, have moved past this interpretation and now accept flex and grid heights as an adequate parent reference for a child with a percentage height. But Safari is stuck in the past. This doesn't mean it's wrong, invalid or a bug." Just worth noting, as I had a lot of fun with that one.