In-reply-to » Today at lunch break I made a small scene in 3D to help my colleague to understand how 3D worked in pure CSS for a personal project, here's the link.

Thanks you all!

@lyse@lyse.isobeef.org Yes, they are units related to the viewport:

  • vh Height
  • vw Width
  • vmin Shortest side
  • vmax Longest side

Used together with font-size allows me to use em units as a percentage that scale dynamically on any screen, keeping proportion on everything (like the border-radius of the rings).

Using viewport units is simple with good support and let me avoid using less supported rules like aspect-ratio or hacks like the padding-bottom trick (both to make squares or rectangles without a specific size).

⤋ Read More