order menu side by side with burger

Author: Krzysztof Studniarek

src/components/Burger/BuildControls/BuildControls.css

@@ -1,11 +1,13 @@
 .BuildControls {
-    width: 100%;
+    float: right;
+    margin: 25px;
+    position: fixed;
+    width: 30%;
     background-color: #CF8F2E;
     display: flex;
     flex-flow: column;
     align-items: center;
-    box-shadow: 0 2px 1px #ccc;
-    margin:auto;
+    border-radius: 25px;
     padding: 8px 0;
 }
 

src/components/Burger/Burger.css

@@ -1,30 +1,10 @@
 .Burger {
-    width: 100%;
-    margin: auto;
-    height: 250px;
-    overflow: auto;
+    float: right;
+    margin: 0px;
+    padding: 0px;    
+    width: 65vw;
+    height: 65vw;
     text-align: center;
     font-weight: bold;
     font-size: 1.2rem;
-}
-
-@media (min-width: 500px) and (min-height: 400px) {
-    .Burger {
-        width: 350px;
-        height: 300px;
-    }
-}
-
-@media (min-width: 500px) and (min-height: 401px) {
-    .Burger {
-        width: 450px;
-        height: 400px;
-    }
-}
-
-@media (min-width: 1000px) and (min-height: 700px) {
-    .Burger {
-        width: 500px;
-        height: 600px;
-    }
 }