Better CSS responsiveness
This commit is contained in:
parent
63b05f5f77
commit
8ac8db558d
@ -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%;
|
||||
}
|
||||
}
|
@ -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%;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user