Improve mobile view

This commit is contained in:
kolaente 2020-04-16 23:45:31 +02:00
parent cbc6a98e90
commit 366a0a18fe
Signed by untrusted user: konrad
GPG Key ID: F40E70337AB24C9B

View File

@ -256,6 +256,10 @@ h1, h2, h3, h4, h5, h6 {
justify-content: space-between; justify-content: space-between;
margin-bottom: 4em; margin-bottom: 4em;
@media screen and (max-width: $tablet) {
margin-bottom: 0;
}
.column{ .column{
width: 48%; width: 48%;
flex-grow: 0; flex-grow: 0;
@ -264,6 +268,18 @@ h1, h2, h3, h4, h5, h6 {
} }
} }
.columns.feature .column,
.columns.feature-shoutouts .column {
@media screen and (max-width: $tablet) {
width: 80% !important;
margin: 0 auto;
}
@media screen and (max-width: #{$tablet - 300px}) {
width: 100% !important;
}
}
.column.theimage { .column.theimage {
text-align: center; text-align: center;