forked from Disroot/Howto
responsive layouts improvments
This commit is contained in:
parent
281c3b3113
commit
3945edf87f
|
@ -16,6 +16,14 @@
|
||||||
#sidebar {
|
#sidebar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#flex {
|
||||||
|
width: 90vw;
|
||||||
|
margin-left: 5vw;
|
||||||
|
}
|
||||||
|
#flex .columns {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 767px) {
|
@media only screen and (max-width: 767px) {
|
||||||
|
@ -104,10 +112,20 @@
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#flex {
|
||||||
|
width: 110vw;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
#flex .columns {
|
#flex .columns {
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#flex .three {
|
||||||
|
padding-right: 60px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 900px) and (min-width:601px) {
|
@media (max-width: 900px) and (min-width:601px) {
|
||||||
|
|
Loading…
Reference in New Issue