flex wrap instead of flex direction
This commit is contained in:
parent
4d9692b3c6
commit
22d7aa930d
@ -71,23 +71,23 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 50%;
|
width: 100%;
|
||||||
margin: 1em 0em;
|
margin: 1em 0em;
|
||||||
}
|
}
|
||||||
@media only screen and (max-width: 960px) {
|
@media only screen and (max-width: 1280px) {
|
||||||
.container {
|
.container {
|
||||||
height: auto;
|
height: auto
|
||||||
}
|
}
|
||||||
#clock {
|
#clock {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
}
|
}
|
||||||
.container>.bookmark-container {
|
.container>.bookmark-container {
|
||||||
flex-direction: column;
|
flex-wrap: wrap;
|
||||||
width: 60%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
.bookmark-container>.bookmark-set {
|
.bookmark-container>.bookmark-set {
|
||||||
width: auto;
|
width: auto;
|
||||||
margin: 1em 0em;
|
margin: 1em 0.5em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.bookmark-set {
|
.bookmark-set {
|
||||||
|
Loading…
Reference in New Issue
Block a user