⚠️ The interactive globe has arrived (WIP but pretty good)

- Control the width/height of the globe via CSS
2020-04-09 20:22:10 +02:00
parent 08c541c37a
commit 7a44d5b0ed
11 changed files with 208 additions and 121 deletions
--- a/src/style/pages/_homepage.scss
+++ b/src/style/pages/_homepage.scss
@@ -66,10 +66,22 @@
        margin-top: 248px;
    }

+    // Description
    .style-description {
+        position: relative;
+        z-index: 3;
        color: $color-tertiary;
    }

+    // Globe
+    .globe {
+        margin-bottom: -52vh;
+
+        @include breakpoint (xl) {
+            margin-bottom: -550px;
+        }
+    }
+
    // Browse
    .browse {
        margin-top: 0;