Flex justified navbar
This commit is contained in:
		
							parent
							
								
									92d960a9cc
								
							
						
					
					
						commit
						fc5b2c050e
					
				| @ -63,7 +63,7 @@ li.nav-item { | |||||||
|   box-shadow: 0px 0px 15px 0px #000; |   box-shadow: 0px 0px 15px 0px #000; | ||||||
|   flex-direction: row; |   flex-direction: row; | ||||||
|   left: 0; |   left: 0; | ||||||
|   justify-content: center; |   justify-content: space-between; | ||||||
|   position: fixed; |   position: fixed; | ||||||
|   width: 100%; |   width: 100%; | ||||||
|   @media (min-width: 992px) { |   @media (min-width: 992px) { | ||||||
| @ -81,6 +81,11 @@ li.nav-item { | |||||||
|       font-size: 1em; |       font-size: 1em; | ||||||
|     } |     } | ||||||
|   } |   } | ||||||
|  | 
 | ||||||
|  |   li { | ||||||
|  |     flex-grow: 1; /* Allows items to grow */ | ||||||
|  |     text-align: center; /* For text alignment */ | ||||||
|  |   } | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user