Flexbox-workshop

Learning outcomes:

• understand what problems flexbox solves;
• learn flexbox.

---

Workshop

• Clone this repo: https://github.com/smarthutza/flexbox-workshop
• Now you have the six faces of a die. Using flexbox, please place all the dots in the right place.
• First, apply rules to the body tag to set the elements in a row.
• Solve each dice seperately and then move onto the next.
• This is what you should end up with:

---

Further Readings 💥 Knowledge is power 💥

• Solved by flexbox
• A complete guide to flexbox
• What the flexbox?!
• Flexbugs
• A collection of tips to help take your CSS skills pro
• Practise flexbox with Froggy
• Learn CSS selectors by playing CSS Diner

---

❤️ Massive THANK YOU to all the creators of the resources listed above! ❤️

❤️ The workshop idea and all the code were taken from https://unravelingflexbox.com/ However, please try and solve the task yourselves before taking a look at the website ❤️