Learn CSS Grid in 20 Minutes

Learn CSS Grid in 20 Minutes

183.431 Lượt nghe
Learn CSS Grid in 20 Minutes
👉 Become A VS Code SuperHero Today: https://vsCodeHero.com 🚢 Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr Download the PDF front-end roadmap for FREE to keep you on track! https://codestackr.podia.com/front-end-web-developer-roadmap-2020 In this web development tutorial, we will cover everything you need to know about CSS Grid in only 20 minutes. You will learn what Grid is, how Grid works, and the basic properties you will need to style your Grid containers. Grid is an awesome layout mode built into CSS, and is very easy to understand once you get the hang of it. I will even show you how to use CSS Grid with CSS Flexbox and even animate the Grid. Let me know in the comments below what other advanced CSS tutorials you would like to see. Code for this video: https://github.com/codeSTACKr/css-grid-tutorial _____________________________________ 💻 Visit CodingPhase and get unlimited access to programming courses plus 20% 0FF!! https://www.codingphase.com/codestackr _____________________________________ 🛠️ Tools I use: 🟠 Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme 🟠 Font: STACKr Code (Exclusive to my VS Code Course - https://vsCodeHero.com) 🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions _____________________________________ 💖 Show support! PayPal: https://paypal.me/codeSTACKr _____________________________________ Watch Next: Web Development - Beginners Roadmap (2020) - https://youtu.be/iogabydg2y0 Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt _____________________________________ Connect With Me: Website: http://www.codestackr.com Twitter: https://twitter.com/codeSTACKr Instagram: https://instagram.com/codeSTACKr/ Facebook: https://facebook.com/codeSTACKr _____________________________________ ** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you. #codeSTACKr #CSS #Grid