freeCodeCamp Challenge Guide: Use the flex Shorthand Property

Use the flex Shorthand Property


Problem Explanation

While you can set flex-grow, flex-shrink, and flex-basis properties individually. if you ever need to see the values for all of them you can do it in one line using the following format flex: flex-grow flex-shrink flex-basis;.

Example:

#box-1 {
    background-color: dodgerblue;
    flex: 2 2 150px;
    height: 200px;
  }
1 Like