Background
This background section is large; here's a handy link to the new unit section if you would like to skip ahead.
However, I th...
For further actions, you may consider blocking this person and/or reporting abuse
Underrated article. Thank you!
amazing article...
the history makes difference, it makes it easy to understand those
l
,s
, andd
prefixesThis article is a fantastic deep dive into the various viewport units available in CSS! The detailed explanations of vh, dvh, lvh, svh, and vw are incredibly helpful, especially for developers who are looking to create responsive designs that adapt seamlessly across different devices and screen sizes. The visual examples and comparisons make it easy to understand the nuances between these units. It's great to see how dvh and svh can help address some of the limitations of vh in modern web design. Thanks for sharing this comprehensive guide!
This was a really insightful breakdown of viewport units! The evolution of vh and the introduction of lvh, svh, and dvh really clarify a lot of the issues we've faced in responsive design. I've struggled with 100vh causing layout jumps on mobile due to browser UI changes—so these new units are a game-changer. Excited to experiment with them and see how they improve stability in layouts. Thanks for the detailed explanation!
Great article! The addition of dvh, lvh, and svh units is a game-changer for modern CSS, especially for handling dynamic viewport heights on mobile devices. These units address common issues with browser UI adjustments that vh struggled with, offering much more reliable layouts across different scenarios. For anyone building responsive web apps, adopting these new units can significantly improve user experience. Thanks for the clear breakdown!
Quite handy as reference! Thanks!
Incredibly insightful, with such an intriguing read on the history too!
Nice article - really appreciate the history, helps it stick in my mind more :)
Awesome articles with the detailed history, thank you!
Thanks
After read this post, I solved my problem @blockblast
Thank you! Mozilla turned out to be completely incomprehensible.
Thanks for this really helpful article. Learning the history of how decisions are made is so insightful. Do you have any tips for how someone could go about researching the decisions made about
v*
since this article was published in 2021?Now,
min-h-[75dvh]
is best.tailwindcss.com/blog/tailwindcss-v...