Summary
Keywords
Full Transcript
Starter Code: https://github.com/procodrr/frontend-bootcamp/tree/main/ep-30_floats-and-clears/starter-code Final Code: https://github.com/procodrr/frontend-bootcamp/tree/main/ep-30_floats-and-clears/final-code Bootcamp Repo: https://github.com/procodrr/frontend-bootcamp Floats are great if used for the purpose they were designed originally. In this video we learn why do do you use floats and where should we avoid using it in detail. 📖 Chapters 00:00 - Introduction 00:19 - Download the Starter Code 00:20- Quick Assignment - 1 02:31 - What is Float in CSS? 05:40 - Understand Float in Depth 11:30 - Box Model Part-3 17:35 - CSS Positions 18:00 - Difference between Float and Absolute Positioning? 26:15 - Quick Recap 27:06 - Issues With Float! 31:58 - What is Clear Property in CSS? 34:45 - Do we need Clear Property? 37:22 - How to Fix Float Issue With Flow-Root? 38:43 - Next Topics Discussion 39:55 - Conclusion 40:37 - Quick Assignment - 2 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
