fix(doc): css error

zoy-l · Mar 10, 2021 · 12eda13 · 12eda13
1 parent eae2085
commit 12eda13
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 21 deletions.
diff --git a/website/src/css/styles.module.css b/website/src/css/styles.module.css
@@ -12,6 +12,10 @@
   .heroBanner {
     padding: 2rem;
   }
+
+  .footer {
+    font-size: 0.15rem;
+  }
 }
 
 .buttons {
@@ -47,14 +51,15 @@
   top: 60%;
   left: 50%;
   transform: translate(-50%, 0);
+  width: 100%;
+  text-align: center;
 }
 
 .waves {
   position: relative;
   width: 100%;
   height: 20vh;
   margin-bottom: -7px;
-  /* max-height: 150px; */
 }
 
 .parallax > use {
@@ -84,16 +89,3 @@
     transform: translate3d(85px, 0, 0);
   }
 }
-/*Shrinking for mobile*/
-@media (max-width: 768px) {
-  .waves {
-    height: 40px;
-    min-height: 40px;
-  }
-  .content {
-    height: 30vh;
-  }
-  h1 {
-    font-size: 24px;
-  }
-}
diff --git a/website/src/pages/index.jsx b/website/src/pages/index.jsx
@@ -89,13 +89,7 @@ export default function Home() {
       </main>
 
       <div style={{ position: 'relative' }}>
-        <svg
-          className={styles.waves}
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 24 150 28"
-          preserveAspectRatio="none"
-          shapeRendering="auto"
-        >
+        <svg className={styles.waves} viewBox="0 24 150 28">
           <defs>
             <path
               id="gentle-wave"