freeCodeCamp Challenge Guide: 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;
}