Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Independent

FLEXBOX FROGGY

via Independent

Overview

Welcome to Flexbox Froggy, a game where you help Froggy and friends by writing CSS code! Guide this frog to the lilypad on the right by using the justify-contentproperty, which aligns items horizontally and accepts the following values:

  • 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.
  • space-between: Items display with equal spacing between them.
  • space-around: Items display with equal spacing around them.

For example, justify-content: flex-end; will move the frog to the right.

Reviews

5.0 rating, based on 1 Class Central review

Start your review of FLEXBOX FROGGY

  • Ritwik Joshi
    Fun way to get started with Flexbox CSS. Not only is it easier to start but easy to understand too. Even if one is completely clueless, there's scope to learn through trial and error.
    The information provided for each command is precise and devoid of jargon.

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.