Summary
Keywords
Full Transcript
Starter Code: https://github.com/procodrr/frontend-bootcamp/tree/main/ep-18_position-property-in-css/starter-code Final Code: https://github.com/procodrr/frontend-bootcamp/tree/main/ep-18_position-property-in-css/final-code Bootcamp Repo: https://github.com/procodrr/frontend-bootcamp In this video I have explained all CSS position properties in depth. First we will understand about position relative and then position absolute. We'll see how position absolute behaves in two different ways. After that we'll learn about position fixed and then we'll see how position sticky works. We'll also make basic header using position sticky. 📖 Chapters 00:00 - Recap 00:55 Starting the Project 02:15 Position Static 03:37 Position Relative Explained in Depth 07:00 Top Property with Relative Position 09:34 Bottom Property with Relative Position 11:11 Left Property with Relative Position 15:18 Don't Miss Semicolon in CSS 16:24 Inset Property with Relative Position 19:05 Unset Value of Relative Property 20:20 Positon Absolute Explained in Depth 35:36 Inset Property with Absolute Position 36:50 Twist with Position Absolute 37:07 Attach Absolute Positioned Element with Parent 41:32 Ladka Haath Se Nikal Gaya 44:05 Moving the Viewport 49:00 Position Fixed Explained in Depth 57:10 Position Sticky Explained in Depth 1:10:50 Make Header Using Position Sticky 1:16:39 Conclusion 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.
