Improve mobile view

This commit is contained in:
kolaente 2020-04-16 23:45:31 +02:00
parent cbc6a98e90
commit 366a0a18fe
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 16 additions and 0 deletions

View File

@ -256,6 +256,10 @@ h1, h2, h3, h4, h5, h6 {
justify-content: space-between;
margin-bottom: 4em;
@media screen and (max-width: $tablet) {
margin-bottom: 0;
}
.column{
width: 48%;
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 {
text-align: center;