Better CSS responsiveness

This commit is contained in:
theo1 2020-06-02 14:34:36 +02:00
parent 63b05f5f77
commit 8ac8db558d
2 changed files with 66 additions and 0 deletions

View File

@ -255,4 +255,37 @@ blockquote{
width: 80%;
font-size: 18px;
font-family: mplus-regular;
}
/* responsive instructions */
@media only screen and (max-width:632px) {
header > a > h1{
font-size: 2em;
}
header {
width: 80%;
position: absolute;
}
.vignette > h2{
font-size: 1.5em;
}
.article-title {
font-size: 2em;
line-height: 1.5em;
}
.article {
display: block;
}
.article-content {
display: block;
}
.article-img {
display: block;
}
.column {
width: 80%;
}
}

View File

@ -255,4 +255,37 @@ blockquote{
width: 80%;
font-size: 18px;
font-family: mplus-regular;
}
/* responsive instructions */
@media only screen and (max-width:632px) {
header > a > h1{
font-size: 2em;
}
header {
width: 80%;
position: absolute;
}
.vignette > h2{
font-size: 1.5em;
}
.article-title {
font-size: 2em;
line-height: 1.5em;
}
.article {
display: block;
}
.article-content {
display: block;
}
.article-img {
display: block;
}
.column {
width: 80%;
}
}