14 lines
		
	
	
		
			330 B
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			14 lines
		
	
	
		
			330 B
		
	
	
	
		
			Markdown
		
	
	
	
	
	
| ---
 | |
| title: Use the flex-direction Property to Make a Column
 | |
| ---
 | |
| ## Use the flex-direction Property to Make a Column
 | |
| 
 | |
| 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;
 | |
| }
 | |
| ```
 |