Skip to content

smarthutza/flexbox-workshop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published