make it display nicely on mobile devices
This commit is contained in:
		
							parent
							
								
									a0955b3b9c
								
							
						
					
					
						commit
						2bcf024941
					
				
					 2 changed files with 4 additions and 2 deletions
				
			
		|  | @ -1,12 +1,13 @@ | |||
| @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600&subset=latin,latin-ext); | ||||
| 
 | ||||
| @media (max-width: 800px) { | ||||
| @media (max-width: 980px) { | ||||
| 	body { | ||||
| 		margin: 0; | ||||
| 		padding: 0; | ||||
| 	} | ||||
| 
 | ||||
| 	h1 { | ||||
| 		font-size: 120%; | ||||
| 		margin: 0; | ||||
| 	} | ||||
| 
 | ||||
|  | @ -21,7 +22,7 @@ | |||
| 	} | ||||
| } | ||||
| 
 | ||||
| @media (min-width: 801px) { | ||||
| @media (min-width: 981px) { | ||||
| 	div.wrapper { | ||||
| 		border-radius: 0.5em; | ||||
| 		margin-left: auto; | ||||
|  |  | |||
|  | @ -2,6 +2,7 @@ | |||
| <html> | ||||
| <head> | ||||
| 	<meta charset="UTF-8" /> | ||||
| 	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" /> | ||||
| 	<title>Decode? Encode? DENcode!</title> | ||||
| 	<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script> | ||||
| 	<script type="text/javascript" src="utf8.js"></script> | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue