The problems with viewport units

Conquering Responsive Layouts (free course): Join the 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: ✅ Dynamic viewport unit browser support: ✅ Codepen: ✅ 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 💬 Keep up to date with everything I’m up to ✉ Come hang out with me live every Monday on Twitch! 📺 --- Help support my channel 👨‍🎓 Get a course: 👕 Buy a shirt: 💖 Support me on Patreon: --- My editor: VS Code - --- I’m on some other places on the internet too! If you’d like a behind the scenes and previews of what’s coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Twitter: Codepen: Github: --- And whatever you do, don’t forget to keep on making your corner of the internet just a little bit more awesome!
Back to Top