add media query for small screens

This commit is contained in:
neko 2021-04-10 00:29:23 +02:00
parent f81b655128
commit e3d4063b38

View File

@ -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;
}
}