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