| 
									
										
										
										
											2018-10-12 15:37:13 -04:00
										 |  |  | --- | 
					
						
							|  |  |  | title: Align All Items Horizontally using justify-items | 
					
						
							|  |  |  | --- | 
					
						
							|  |  |  | ## Align All Items Horizontally using justify-items
 | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2018-10-30 21:36:48 -05:00
										 |  |  | In this challenge you are required to use the "justify-items" property to horizontally align all the items in the grid. | 
					
						
							| 
									
										
										
										
											2018-10-12 15:37:13 -04:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2018-10-30 21:36:48 -05:00
										 |  |  | ### Hint
 | 
					
						
							| 
									
										
										
										
											2018-10-12 15:37:13 -04:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2018-10-30 21:36:48 -05:00
										 |  |  | You can horizontally align the items by declaring the following in your CSS codeblock: | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | ````css | 
					
						
							|  |  |  | justify-items: value; | 
					
						
							|  |  |  | ```` | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | where value is how you would like to horizontally align the items. | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | ### Solution
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | Since the challenge requires you to horizontally center all the items, declare the following in your .container CSS codeblock: | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | ````css | 
					
						
							|  |  |  | justify-items: center; | 
					
						
							|  |  |  | ```` |