Fix eye wrapping with new flex positioning

nbadal · Jun 13, 2020 · 92c408c · 92c408c
1 parent cd7eef1
commit 92c408c
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -52,13 +52,14 @@
             height: 100vh;
             align-items: center;
             justify-content: center;
+            flex-wrap: wrap;
         }
 
         .eye {
             background-color: transparent;
             width: 400px;
             height: 250px;
-            margin: 60px;
+            margin: 0 60px;
             perspective: 1000px;
         }
 
@@ -80,7 +81,7 @@
             width: 100%;
             height: 100%;
             backface-visibility: hidden;
-            -webkit-backface-visibility: hidden;
+            -webkit-backface-visibility: hidden; /* safari */
         }
 
         .front {