Flexbox Game

Welcome to my Flexbox Game. In this game, you will try to position the cup to the plate on the right by using the justify-content and align-items properties of the Flexbox layout. This game will help you learn the basics both properties so you can design better and create more dynamic web pages. You can use the justify-content property followed by the values found below:

• flex-start: Items align to the left side of the container.
• flex-end: Items align to the right side of the container.
• center: Items align at the center of the container.

And align-items property followed by the values found below:

• flex-start: Items are positioned to the top of the container.
• flex-end: Items are positioned to the bottom of the container.
• center: Items are positioned at the center of the container.