Improved responsiveness
This commit is contained in:
		
							parent
							
								
									85595ea0d2
								
							
						
					
					
						commit
						1bad100209
					
				
					 2 changed files with 19 additions and 0 deletions
				
			
		|  | @ -63,3 +63,21 @@ body { | |||
|     justify-content: center; | ||||
|     align-items: center; | ||||
| } | ||||
| 
 | ||||
| @media only screen and (max-width:480px) { | ||||
|     #content { | ||||
|         min-width: 95%; | ||||
|         transform: none; | ||||
|         position: absolute; | ||||
|         top: 5px; | ||||
|         left: 50%; | ||||
|         transform: translate(-50%);     | ||||
|         } | ||||
|      | ||||
|     .a { | ||||
|         font-size: small; | ||||
|     } | ||||
|     .b { | ||||
|         font-size: small; | ||||
|     } | ||||
| } | ||||
|  |  | |||
|  | @ -2,6 +2,7 @@ | |||
|     <head> | ||||
|         <title>{{ title }}</title> | ||||
|         <link rel="stylesheet" type="text/css" href="/css/ab.css" /> | ||||
|         <meta name="viewport" content="width=device-width,initial-scale=1" /> | ||||
|     </head> | ||||
|     <body> | ||||
|         <div id="content"> | ||||
|  |  | |||
		Loading…
	
	Add table
		
		Reference in a new issue