Footer adjustments for mobile
This commit is contained in:
		
							parent
							
								
									1bffd9e49d
								
							
						
					
					
						commit
						c57c0aa981
					
				
					 1 changed files with 7 additions and 0 deletions
				
			
		| 
						 | 
					@ -26,6 +26,7 @@ header:after {
 | 
				
			||||||
footer {
 | 
					footer {
 | 
				
			||||||
  text-align: center;
 | 
					  text-align: center;
 | 
				
			||||||
  color: #f1fa8c;
 | 
					  color: #f1fa8c;
 | 
				
			||||||
 | 
					  font-size: .75em;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.branding {
 | 
					.branding {
 | 
				
			||||||
| 
						 | 
					@ -34,6 +35,12 @@ footer {
 | 
				
			||||||
  margin-right: 2rem;
 | 
					  margin-right: 2rem;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					@media screen and (max-width: 768px) {
 | 
				
			||||||
 | 
					  .branding {
 | 
				
			||||||
 | 
					    display: block;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.logo {
 | 
					.logo {
 | 
				
			||||||
  height: 2rem;
 | 
					  height: 2rem;
 | 
				
			||||||
  vertical-align: bottom;
 | 
					  vertical-align: bottom;
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		
		Reference in a new issue