freeCodeCamp/guide/english/certifications/responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column/index.md

title

title
Use the flex-direction Property to Make a Column

Use the flex-direction Property to Make a Column

---

Solutions

Solution 1 (Click to Show/Hide)

To stack the child elements of your flex container on top of each other you would change the flex-direction the following way:

#main-container {
    display: flex;
    flex-direction: column;
}