add background picture and some fixes
This adds some fixes for the size of the article boxes.
This commit is contained in:
parent
7b9fb5b995
commit
377e0a01c9
|
@ -23,10 +23,15 @@ body > header > h1 > a {
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
}
|
}
|
||||||
.entries > li {
|
.entries > li {
|
||||||
margin-top: 1em;
|
margin-top: 0.5em;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-image: url('/img/background.png');
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and ((max-width: 750px) or (orientation: portait)) {
|
@media screen and ((max-width: 750px) or (orientation: portait)) {
|
||||||
.entries > li {
|
.entries > li {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -34,17 +39,17 @@ body > header > h1 > a {
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 750px) and (orientation: landscape) {
|
@media screen and (min-width: 750px) and (orientation: landscape) {
|
||||||
.entries > li {
|
.entries > li {
|
||||||
width: 50%;
|
width: 49%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 1000px) and (orientation: landscape) {
|
@media screen and (min-width: 1000px) and (orientation: landscape) {
|
||||||
.entries > li {
|
.entries > li {
|
||||||
width: 33%;
|
width: 32%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 1450px) and (orientation: landscape) {
|
@media screen and (min-width: 1450px) and (orientation: landscape) {
|
||||||
.entries > li {
|
.entries > li {
|
||||||
width: 25%;
|
width: 24%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue