Verified Commit ed9731a2 authored by Thibaut Broggi's avatar Thibaut Broggi
Browse files

Change blocks order depending on viewport size

parent 0700c5cf
...@@ -17,6 +17,11 @@ nav { ...@@ -17,6 +17,11 @@ nav {
background-color: #2f5188; background-color: #2f5188;
color: white; color: white;
text-align: center; text-align: center;
position: fixed;
top: 0;
left: 0;
height: 12vw;
z-index: 2;
font-size: 8vw; font-size: 8vw;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -59,20 +64,11 @@ a { ...@@ -59,20 +64,11 @@ a {
} }
div#inputs { div#inputs {
position: absolute;
left: 0;
width: 30vw; width: 30vw;
height: 100%; height: 100%;
background-color: white; background-color: white;
} }
@media (min-width: 992px) {
div#inputs {
top: 0;
left: 7vw;
}
}
.colorpicker input[type="radio"] { .colorpicker input[type="radio"] {
display: none; display: none;
} }
...@@ -166,18 +162,23 @@ a.prevButton { ...@@ -166,18 +162,23 @@ a.prevButton {
} }
main { main {
position: absolute;
left: 30vw;
background-color: #ebf3ff; background-color: #ebf3ff;
min-height: 100%; min-height: 100%;
padding-left: 40px; padding-left: 40px;
} }
@media (min-width: 992px) { #body {
main { display: flex;
top: 0; flex-direction: row;
left: 37vw; }
right: 0;
@media (max-width: 991px) {
#credits {
display: none;
}
#body {
flex-direction: column-reverse;
} }
} }
......
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment