Better CSS responsiveness
This commit is contained in:
parent
63b05f5f77
commit
8ac8db558d
@ -255,4 +255,37 @@ blockquote{
|
|||||||
width: 80%;
|
width: 80%;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-family: mplus-regular;
|
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%;
|
||||||
|
}
|
||||||
}
|
}
|
@ -255,4 +255,37 @@ blockquote{
|
|||||||
width: 80%;
|
width: 80%;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-family: mplus-regular;
|
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%;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user