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); |     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> | </style> | ||||||
| </head> | </head> | ||||||
| 
 | 
 | ||||||
|  |  | ||||||
		Loading…
	
		Reference in a new issue