forked from vikunja/theme
Improve mobile view
This commit is contained in:
parent
cbc6a98e90
commit
366a0a18fe
|
@ -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;
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user