diff --git a/docs/challenge_position.md b/docs/challenge_position.md index 5294996..108478f 100644 --- a/docs/challenge_position.md +++ b/docs/challenge_position.md @@ -10,44 +10,81 @@ πŸ“— βΈΊ -Flexbox intro -(pdf 13MB) +Flexbox intro +(pdf 2MB) +πŸ“— βΈΊ +JS 3-stap intro +(pdf 4MB) --- -## Oefening 1: 🀝 Meet the properties +## Oefening 1: 🀝 Zet dingen op plekken πŸ“Š βΈΊ πŸ”΅ πŸ”΄ πŸ“™ βΈΊ -Flexbox oefening 1 +Positioneren oefening 1 (pdf) πŸ§‘β€πŸ’» βΈΊ -Code voor jou +Code voor jou (CodePen) πŸ§‘β€πŸ’» βΈΊ -Uitwerking +Uitwerking (CodePen) niet meteen spieken 🫣 --- -## Oefening 2: πŸ–ΌοΈ Responsive header +## Oefening 2: πŸ” Hamburger menus πŸ“Š βΈΊ πŸ”΅ πŸ”΄ πŸ“™ βΈΊ -Flexbox oefening 2 +Positioneren oefening 2 (pdf 28MB) +2-buttons hamburger menu +πŸ§‘β€πŸ’» βΈΊ +Code voor jou +(CodePen) +πŸ§‘β€πŸ’» βΈΊ +Voorbeeld +(CodePen) + +fixed-button hamburger menu +πŸ§‘β€πŸ’» βΈΊ +Code voor jou +(CodePen) +πŸ§‘β€πŸ’» βΈΊ +Voorbeeld +(CodePen) + +moving-buttons hamburger menu +πŸ§‘β€πŸ’» βΈΊ +Code voor jou +(CodePen) +πŸ§‘β€πŸ’» βΈΊ +Voorbeeld +(CodePen) + +--- + +## Oefening 3: πŸ’¬ Dialogs + +πŸ“Š βΈΊ πŸ”΅ πŸ”΄ + +πŸ“™ βΈΊ +Positioneren oefening 3 +(pdf) + πŸ§‘β€πŸ’» βΈΊ -Code voor jou +Code voor jou (CodePen) πŸ§‘β€πŸ’» βΈΊ -Voorbeeld -(CodePen) +Uitwerking +(CodePen) --- diff --git a/docs/pres/FDND-2425-CSSchallenge5-JS-3stap-intro.pdf b/docs/pres/FDND-2425-CSSchallenge5-JS-3stap-intro.pdf new file mode 100644 index 0000000..90d93a2 Binary files /dev/null and b/docs/pres/FDND-2425-CSSchallenge5-JS-3stap-intro.pdf differ diff --git a/docs/pres/FDND-2425-CSSchallenge5-Positioneren-intro.pdf b/docs/pres/FDND-2425-CSSchallenge5-Positioneren-intro.pdf new file mode 100644 index 0000000..57e8428 Binary files /dev/null and b/docs/pres/FDND-2425-CSSchallenge5-Positioneren-intro.pdf differ diff --git a/docs/pres/FDND-2425-CSSchallenge5-Positioneren-oefening1.pdf b/docs/pres/FDND-2425-CSSchallenge5-Positioneren-oefening1.pdf new file mode 100644 index 0000000..fc0e333 Binary files /dev/null and b/docs/pres/FDND-2425-CSSchallenge5-Positioneren-oefening1.pdf differ diff --git a/docs/pres/FDND-2425-CSSchallenge5-Positioneren-oefening2.pdf b/docs/pres/FDND-2425-CSSchallenge5-Positioneren-oefening2.pdf new file mode 100644 index 0000000..ed2d27f Binary files /dev/null and b/docs/pres/FDND-2425-CSSchallenge5-Positioneren-oefening2.pdf differ diff --git a/docs/pres/FDND-2425-CSSchallenge5-Positioneren-oefening3.pdf b/docs/pres/FDND-2425-CSSchallenge5-Positioneren-oefening3.pdf new file mode 100644 index 0000000..c3e1516 Binary files /dev/null and b/docs/pres/FDND-2425-CSSchallenge5-Positioneren-oefening3.pdf differ