css-challenges

← overzicht

CSS challenge: Flexbox

🗓️ ⸺ Dinsdag 30 sepetember
⏰ ⸺ 9:30 - ca 11:30 uur
🙋 ⸺ even aanmelden - max 24

📗 ⸺ Flexbox intro (pdf 2.5MB)

Oefening 1: 🤝 Meet the properties

📊 ⸺ 🟦 🟥

📙 ⸺ Flexbox oefening 1 (pdf)

🧑‍💻 ⸺ Code voor jou (CodePen)
🧑‍💻 ⸺ Uitwerking (CodePen)

niet meteen spieken 🫣

Oefening 2: 🧽 Responsive header

📊 ⸺ 🟦 🟥

📙 ⸺ Flexbox oefening 2 (pdf 6MB)

🧑‍💻 ⸺ Code voor jou (CodePen)
🧑‍💻 ⸺ Voorbeeld (CodePen)

Oefening 3: 🖼️ Photo viewer

📊 ⸺ 🟦 🟥

📙 ⸺ Flexbox oefening 3 (pdf 2MB)

🧑‍💻 ⸺ Code voor jou (CodePen)
🧑‍💻 ⸺ Voorbeeld (CodePen)

Oefening 4: 🎠 Carousel

📊 ⸺ 🟦 🟥

📙 ⸺ Flexbox oefening 4 (pdf 2MB)

🧑‍💻 ⸺ Code voor jou (CodePen)
🧑‍💻 ⸺ Voorbeeld (CodePen)

🎯 ⸺ Flexfroggy - flexbox (www 🐸)

🎯 ⸺ Alles over flexbox (CSS tricks 🪄)
🎯 ⸺ Leer flexbox van Wes Bos (Wes Bos - videos 📽️)
🎯 ⸺ Flexbox or Grid (Kevin Powell - video 🥊)

🎯 ⸺ CSS carousels (Adam Argyle 🦖)
🎯 ⸺ CSS carousels - configurator (Adam Argyle 🦖)
🎯 ⸺ CSS carousels - gallery (Adam Argyle 🦖)

This site is open source. Improve this page.