Use over-under style for #right on narrow displays.
This commit is contained in:
		
							parent
							
								
									463b627920
								
							
						
					
					
						commit
						0ce07b0c7b
					
				
					 1 changed files with 24 additions and 0 deletions
				
			
		|  | @ -74,6 +74,30 @@ body | |||
| 
 | ||||
|     background-color: rgba(0, 0, 0, 0.1); | ||||
| } | ||||
| @media screen and (max-width: 800px) | ||||
| { | ||||
|     #content_body | ||||
|     { | ||||
|         flex-direction: column; | ||||
|     } | ||||
|     #right | ||||
|     { | ||||
|         width: initial; | ||||
|         height: 216px; | ||||
|     } | ||||
|     #right_inner | ||||
|     { | ||||
|         flex-direction: row; | ||||
| 
 | ||||
|         position: initial; | ||||
|         left: initial; | ||||
|         right: initial; | ||||
|         bottom: initial; | ||||
|         top: initial; | ||||
|         width: initial; | ||||
|         height: 200px; | ||||
|     } | ||||
| } | ||||
| </style> | ||||
| </head> | ||||
| 
 | ||||
|  |  | |||
		Loading…
	
		Reference in a new issue