freeCodeCamp/guide/english/certifications/responsive-web-design/css-flexbox/use-the-flex-shorthand-property/index.md

title

title
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;
  }