1494a50123
* fix: restructure certifications guide articles * fix: added 3 dashes line before prob expl * fix: added 3 dashes line before hints * fix: added 3 dashes line before solutions
21 lines
420 B
Markdown
21 lines
420 B
Markdown
---
|
|
title: Use the flex-direction Property to Make a Column
|
|
---
|
|
# Use the flex-direction Property to Make a Column
|
|
|
|
|
|
---
|
|
## Solutions
|
|
|
|
<details><summary>Solution 1 (Click to Show/Hide)</summary>
|
|
|
|
To stack the child elements of your flex container on top of each other you would change the <i>flex-direction</i> the following way:
|
|
|
|
```CSS
|
|
#main-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
```
|
|
</details>
|