Dive into the fundamentals of CSS positioning in this 22-minute tutorial video. Explore the concept of containing blocks and their crucial role in effective CSS positioning. Learn how to use position absolute, sticky, and fixed while avoiding common pitfalls that can affect responsiveness. Discover practical techniques for handling real-world scenarios, including responsive design challenges with position absolute. Uncover the intricacies of position sticky and examine unexpected issues that can disrupt position fixed. Master these essential CSS concepts to enhance your web development skills and create more robust, responsive layouts.
Overview
Syllabus
- Introduction
- What is a containing block
- When we change our containing block with position absolute
- A more realistic situation and dealing with responsiveness and position absolute
- Position sticky
- The strange things that can break position fixed
Taught by
Kevin Powell
