add media query for small screens
This commit is contained in:
parent
f81b655128
commit
e3d4063b38
@ -155,4 +155,29 @@ footer {
|
||||
padding-top:20px;
|
||||
padding-left: 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