Рет қаралды 76
CSS game: complete 24 levels - master LAYOUT!
Passage of FLEXBOX FROGGY with explanations in Ukrainian.
A free game to learn CSS.
🎮 Level 2. Level 2.
Practice FLEXBOX CSS. FLEXBOX properties.
------------------------------
FLEXBOX FROGGY
Welcome to Flexbox Froggy - a game where you have to help Froggy and his friends write CSS code! Plant a frog on the water lily leaf on the right, using the justify-content property, which aligns the elements horizontally and acquires the following values:
flex-start: Elements are aligned to the left side of the container.
flex-end: Elements are aligned to the right side of the container.
center: Elements are aligned to the center of the container.
space-between: Elements will be displayed with equal spacing between them.
space-around: Elements will be displayed with equal spacing around them.
For example, justify-content: flex-end; will move the frog to the right.
------------------------------
#CSS #layout #game #flexbox #flexboxfroggy #justify-content #IT #frontend #informatics #computer #frontend
Index: 037.