Скачать с ютуб Creating a robust grid system using subgrid в хорошем качестве

Creating a robust grid system using subgrid

Subgrid is so powerful, and to continue raising awareness of how great it is, here is yet another video exploring it, this time building out a robust grid system! 🔗 Links ⚠ The start and end code will only work in Firefox (at the time of publishing this) ✅ Starting code: https://codepen.io/kevinpowell/pen/MW... ✅ Finished code: https://codepen.io/kevinpowell/pen/eY... ✅ Introduction to subgrid:    • I'm not sure how much longer I can wait!   ✅ Introduction to grid:    • Build a Mosaic Portfolio Layout with ...   ✅ Custom properties:    • CSS Variables - An introduction to CS...   ⌚ Timestamps 00:00 - Introduction 01:38 - Setting up the master grid 03:10 - Placing the children on the grid 04:19 - Creating the subgrids 05:02 - Fixing the subgrid layouts 06:57 - Creating a more robust master grid 09:30 - Improving the master grid with custom properties 11:06 - Getting things on our grid at larger screen sizes 19:48 - Custom sections with custom properties 24:14 - Breaking out of the "container" 28:44 - The hero area #css -- Come hang out with other dev's in my Discord Community 💬   / discord   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! 📺   / kevinpowellcss   --- Help support my channel 👨‍🎓 Get a course: https://www.kevinpowell.co/courses 👕 Buy a shirt: https://teespring.com/stores/making-t... 💖 Support me on Patreon:   / 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 previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Twitter:   / kevinjpowell   Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!