add media query for small screens
This commit is contained in:
parent
f81b655128
commit
e3d4063b38
@ -155,4 +155,29 @@ footer {
|
|||||||
padding-top:20px;
|
padding-top:20px;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media screen and (max-width: 780px) {
|
||||||
|
.screen {
|
||||||
|
position: unset !important;
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
.screen-image { display: none; }
|
||||||
|
.screen-content {
|
||||||
|
position: unset !important;
|
||||||
|
top: 0px !important;
|
||||||
|
left: 0px !important;
|
||||||
|
width: auto !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
.headline, .title, .meta, .content, nav, nav a {
|
||||||
|
font-size: 0.5rem;
|
||||||
|
}
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
font-size: 0.8rem !important;
|
||||||
|
}
|
||||||
|
.crt-flicker, .crt-scanlines {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user