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;
|
||||
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;
|
||||
|
||||
|
|
Loading…
Reference in New Issue