Fix responsive margins and spacing around the globe

2020-04-09 23:53:43 +02:00
parent 3f7dd758b8
commit abe09f0f69
5 changed files with 41 additions and 19 deletions
--- a/src/style/molecules/_globe.scss
+++ b/src/style/molecules/_globe.scss
@@ -3,11 +3,18 @@
    position: relative;
    z-index: 2;
    width: 100vw;
-    height: 120vw;
+    height: 1040px;
    overflow: hidden;
    cursor: grab;
    user-select: none;

+    @include breakpoint (sm) {
+        height: 140vw;
+    }
+    @include breakpoint (xl) {
+        height: 2000px;
+    }
+
    // Cut
    &__cut {
        opacity: 0.5;