/flexbox-workshop

Primary LanguageHTMLMIT LicenseMIT

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: Die Faces

Further Readings 💥 Knowledge is power 💥


❤️ 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 ❤️