🇲🇾 🏀 👩‍💻 📝 🦊
Next
Nexmo Developer Relations

🥑 Developer Advocate 🥑

Nexmo
Back Next

Why is vertical harder than horizontal?

🙆
🤷
Back Next
WorldWideWeb browser revival project
https://worldwideweb.cern.ch/
Back Next

🌈 Demo time 🌈

https://www.chenhuijing.com/demos/layout-triple-team/

Back Next

flex keywords

initial 0 1 auto cannot grow but can shrink when there isn't enough space
auto 1 1 auto can grow and shrink to fit available space
none 0 0 auto cannot grow or shrink, AKA inflexible
<positive-number> <positive-number> 1 0 can grow and shrink, extent of growth depends on flex factor
Back Next

Links

Back Next

Thank you!

Font used is Compagnon, by Juliette Duhéby Léa Pradine and Valentin Papon and Chloé Lozano and Sébastien Riollier

Back Reset

Using Firefox DevTools to understand modern layout techniques

Start