Summary
Keywords
Full Transcript
Starter Code: https://github.com/procodrr/frontend-bootcamp/tree/main/ep-33_css-grid-part-2/starter-code Final Code: https://github.com/procodrr/frontend-bootcamp/tree/main/ep-33_css-grid-part-2/final-code Bootcamp Repo: https://github.com/procodrr/frontend-bootcamp Know tools in depth gives you superpowers. In this video I have explained some very commonly used properties that will make you life easier when you are working with CSS Grid. 📖 Chapters 00:00 - Introduction 00:51 - Download the Starter Code 01:20 - Understand “grid-auto-flow” Property in CSS Grid 09:19 - “grid-auto-rows” vs “grid-auto-columns” 16:26 - How to Handle Height and Positioning of Grid Items? 23:49 - Use Margin To Position Grid Items! 26:25 - Quick Recap 28:38 - “grid-column” Shorthand Property 36:36 - “grid-template” Shorthand Property 39:04 - “grid” Shorthand Property 41:40 - How to Make Grid Items Responsive? Use “auto-fill” and “minmax()” in CSS Grid 50:22 - Next Video Discussion and Quick Recap 51:55 - Conclusion 53:08 - GridAttack Game If you have any doubt you can ask in comment section I will reply to each and every question or you can reach out to me directly on my social media handles mentioned below. Social Media 🌐 Linkedin: https://www.linkedin.com/in/anurag-singh-web-developer/ 🌐 Instagram: https://www.instagram.com/procodrr/ 🌐 Twitter: https://twitter.com/anuragsinghbam 🌐 Telegram: https://t.me/+bq8CBsPL3Wc1MjU1 🌐 Discord: https://discord.gg/dMe9mer9B3 🌐 Portfolio: https://anuragsinghbam.com/ Music by geoffharvey from Pixabay
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
