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; |     justify-content: center; | ||||||
|     align-items: 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> |     <head> | ||||||
|         <title>{{ title }}</title> |         <title>{{ title }}</title> | ||||||
|         <link rel="stylesheet" type="text/css" href="/css/ab.css" /> |         <link rel="stylesheet" type="text/css" href="/css/ab.css" /> | ||||||
|  |         <meta name="viewport" content="width=device-width,initial-scale=1" /> | ||||||
|     </head> |     </head> | ||||||
|     <body> |     <body> | ||||||
|         <div id="content"> |         <div id="content"> | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		
		Reference in a new issue