Home > Designing, Others > Careful with Nested `display: grid; height: 100%;`

Careful with Nested `display: grid; height: 100%;`

March 11th, 2020 Leave a comment Go to comments

It’s not every day you can feel CSS be slow at something. Reddit user jgbbrd discovered nesting grid containers that all have 100% height can cause many-seconds of rendering delay. Probably not something you’ll ever have to worry about, but still, interesting. From the comments:

  • What a funny use of the NSFW tag!
  • This is not an issue when using 100vh instead.

Direct Link to Article — Permalink

The post Careful with Nested `display: grid; height: 100%;` appeared first on CSS-Tricks.

Categories: Designing, Others Tags:
  1. No comments yet.
  1. No trackbacks yet.
You must be logged in to post a comment.