DEV Community

Abubakar Abba Ali
Abubakar Abba Ali

Posted on

Translating CSS Games in Real Life Webpages-2

Let’s glance into the Game FLEXBOY FROGGY, By Playing the 24 first basic levels of the Game you will learn to align, direct and justify your content with the following properties:
align-items, justify-content, flex-direction, flex-wrap, and many more.
All listed properties come with values for the object or content, position, and behavioural manipulations using Cascading Style Sheets.
The link below it is a simple first step of the Game on your road to learning CSS.
From the clip, we tried to align the frog to stay on green the leave by using the property align-item and value flex-end and for the second level, we tried three different values to centre, space-between and space-around. where the frogs are aligned on the left with the value centre and for the two values the frogs were set away from the leaves.
https://www.linkedin.com/feed/update/urn:li:activity:7061075261949100032/

Top comments (0)