flex wrap instead of flex direction

This commit is contained in:
Markus Dieckmann 2018-06-22 10:56:38 +02:00
parent 4d9692b3c6
commit 22d7aa930d

View File

@ -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 {