reduce width on mobile devices and add padding
This commit is contained in:
		
							parent
							
								
									6d9ca9b2af
								
							
						
					
					
						commit
						ba709bb962
					
				| 
						 | 
					@ -1,5 +1,6 @@
 | 
				
			||||||
html {
 | 
					html {
 | 
				
			||||||
  scroll-behavior: smooth;
 | 
					  scroll-behavior: smooth;
 | 
				
			||||||
 | 
					  padding: 0 30px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
body {
 | 
					body {
 | 
				
			||||||
  font-family: Heliotrope;
 | 
					  font-family: Heliotrope;
 | 
				
			||||||
| 
						 | 
					@ -172,3 +173,9 @@ input[type="text"]:focus {
 | 
				
			||||||
    font-style: italic;
 | 
					    font-style: italic;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					@media (max-width: 55em) {
 | 
				
			||||||
 | 
					  html {
 | 
				
			||||||
 | 
					    max-width: 650px;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue