Designing Web Layouts with CSS and Flexbox/

...

/

Using Flexbox - Solutions

Using Flexbox - Solutions

This lesson is the solution to the Using Flexbox exercise in the previous lesson.

We'll cover the following...

Solution

Let’s recall the changes to the challenge in the previous lesson:

.right-container {
  width: 300px;
  background-color: #F7CFB6;
  height: 320px;
  /* New rules: */
  display: flex; 
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
}

After entering the four new rules one by one, you may have concluded what each of these rules mean.

What do these four statements mean?

...