Redesigning VS Code's Website With Inspect Element

From the creator

🎓 Understand how CSS works so you can write it with more confidence with the help of CSS Demystified (including a 2 hour bonus session on deep diving your dev tools) - https://cssdemystified.com/?utm_campaign=vs-code-devtools&utm_source=youtube Redesigning things through the dev tools is a great way to learn a lot more about how they work, and the real power of them, and VS Code has a pretty ugly home page, so I thought it would be fun to try and redesign it only using my dev tools 😀 🔗 Links ✅ CSS Demystified course: https://cssdemystified.com/?utm_campaign=vs-code-devtools&utm_source=youtube ✅ VS Code’s website: https://code.visualstudio.com/ ⌚ Timestamps 00:00 - Introduction 00:46 - Taking a look at what we’re starting with 00:56 - The hero area 04:17 - The 4 icons 05:11 - Fixing the line-heights 06:14 - CSS Demystified 06:50 - The testimonials #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/ --- I'm on some other places on the internet too! If you'd like a behind the scenes and pr

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