The problems with viewport units

From the creator

Conquering Responsive Layouts (free course): https://courses.kevinpowell.co/conquering-responsive-layouts Join the Discord: https://kevinpowell.co/discord Viewport units often feel like this cheat code that makes things so much easier when you first discover them, but they actually are problematic for a number of reasons, from creating horizontal scrolling to accessibility issues and more, so in this video I look at the problems that people run into by using them and offer up some alternatives. 🔗 Links ✅ Discord: https://kevinpowell.co/discord ✅ Dynamic viewport unit browser support: https://caniuse.com/mdn-css_types_length_viewport_percentage_units_dynamic ✅ Codepen: https://codepen.io/kevinpowell/pen/PoBRKNR ✅ Conquering Responsive Layouts: https://courses.kevinpowell.co/conquering-responsive-layouts ⌚ Timestamps 00:00 - Introduction 00:22 - Issue 1: Using 100vw 02:00 - Issue 2: The problem with 100vh 07:28 - Issue 3: Fluid layouts #css -- Come hang out with other dev's in my Discord Community 💬 https://discord.gg/nTYCvrK Keep up to date with everything I'm up to ✉ https://www.kevinpowell.co/newsletter Come hang out with me live every Monday on Twitch! 📺 https://www.twitch.tv/kevinpowellcss --- Help support my channel 👨‍🎓 Get a course: https://www.kevinpowell.co/courses 👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome 💖 Support me on Patreon: https://www.patreon.com/kevinpowell --- My editor: VS Code - https://code.visualstudio.com/ --

Published 2023-02-16 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.