| 
									
										
										
										
											2018-10-12 15:37:13 -04:00
										 |  |  | --- | 
					
						
							|  |  |  | title: Add Rows with grid-template-rows | 
					
						
							|  |  |  | --- | 
					
						
							|  |  |  | ## Add Rows with grid-template-rows
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | In this challenge, you are required to define rows for the CSS grid in `<div class="container">`. | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | ### Hint
 | 
					
						
							|  |  |  |   | 
					
						
							|  |  |  | You can define rows by using the `grid-template-rows` CSS property. | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | ### Solution
 | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-01-16 07:27:11 +08:00
										 |  |  | Since the challenge requires you to create two rows of `50px` each, declare the following in your `.container` CSS code block: | 
					
						
							| 
									
										
										
										
											2018-10-12 15:37:13 -04:00
										 |  |  |   | 
					
						
							|  |  |  | ````css | 
					
						
							|  |  |  | grid-template-rows: 50px 50px; | 
					
						
							|  |  |  | ```` |