Finally — a solution to prevent 100vh elements falling off the edge of your screen on mobile devices! Just recently support for smallest, largest and dynamic viewport height units has been released to all major browsers. That's what we'll be looking at into todays video.
👀 Timestamps
00:00 - Intro
00:47 - The issue on mobile
03:00 - How 100vh was solved on mobile until now
03:40 - Using the new svh, lvh and dvh units
05:56 - Showing the dvh unit
07:09 - Browser support
07:43 - Showing all four units side by side
09:18 - Outro
🔗 Source code and article: [ Ссылка ]
💬 Join us on Discord: [ Ссылка ]
🐦 Follow me on Twitter: [ Ссылка ] & [ Ссылка ]
👨🏫 Check my mentorships: [ Ссылка ]
#react #css #100vh #frontend #mobile
