forked from toolshed/coopcloud.tech
improve blog list styling
This commit is contained in:
parent
3df67c9be9
commit
7e11adbd5b
@ -188,14 +188,18 @@ footer .separator {
|
|||||||
|
|
||||||
.blog-archive {
|
.blog-archive {
|
||||||
padding: 3rem 3rem;
|
padding: 3rem 3rem;
|
||||||
|
@media (max-width: 400px) { padding: 3rem 1rem; }
|
||||||
h3 {
|
h3 {
|
||||||
padding-bottom: 1em;
|
padding-bottom: 1em;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
|
a:hover { text-decoration: underline; }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.blog-listing {
|
.blog-listing {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 2fr;
|
grid-template-columns: 1fr 2fr;
|
||||||
|
@media (max-width: 768px) { grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
gap: 2rem;
|
gap: 2rem;
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user