29 lines
		
	
	
		
			414 B
		
	
	
	
		
			Markdown
		
	
	
	
	
	
		
		
			
		
	
	
			29 lines
		
	
	
		
			414 B
		
	
	
	
		
			Markdown
		
	
	
	
	
	
| 
								 | 
							
								---
							 | 
						||
| 
								 | 
							
								title: Create Your First CSS Grid
							 | 
						||
| 
								 | 
							
								---
							 | 
						||
| 
								 | 
							
								## Create Your First CSS Grid
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								### Hint 1
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								To change display of any element, the following syntax is used:
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								````css
							 | 
						||
| 
								 | 
							
								display: propertyName;
							 | 
						||
| 
								 | 
							
								````
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								### Hint 2
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								Change the display property of the .container element
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								### Hint 3
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								Set the display of the .container element to grid
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								### Solution
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								To set the display of the .container element to grid:
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								````css
							 | 
						||
| 
								 | 
							
								display: grid;
							 | 
						||
| 
								 | 
							
								````
							 |