Главная
Study mode:
on
1
- Introduction
2
- basic setup
3
- understanding flex-wrap
4
- understanding flex-basis
5
- understanding flex-grow and shrink
6
- putting them all together
7
- negative flex-basis
8
- no media query required
9
- getting it working at a precise size
10
- the true power of it
11
- outro
Description:
Explore a groundbreaking CSS technique that replicates container queries using a clever combination of flex-wrap, flex-basis, and flex-grow. Discover how Heydon Pickering's "Holy Albatross" method enables responsive layouts without traditional media queries. Learn to implement this powerful approach step-by-step, from basic setup to advanced applications, and understand its potential to revolutionize web design. Gain insights into flex properties, negative flex-basis, and precise sizing control while seeing practical examples of this technique in action.

Container Queries Are Possible

Kevin Powell
Add to list
0:00 / 0:00