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