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