feat: mobile styling

2022-08-06 21:32:38 +05:30 · 2022-08-06 21:32:38 +05:30 · 29c1aa612d
commit 29c1aa612d
parent 6cc9f7c393
1 changed files with 28 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -128,5 +128,33 @@
    background: #FF426F;
    transform: rotate(135deg);
    */
+
+    @media (max-width: 1025px) {
+
+      .hero {
+        align-items: center;
+        height: 100%
+      }
+      .text > h1 {
+        font-size: 4rem;
+        width: 50%;
+        margin: auto;
+      }
+      .elipse {
+        display: none;
+      }
+
+      h2 {
+        font-size: 2rem;
+      }
+
+      .text {
+        display:flex;
+        flex-direction: column;
+        margin: auto;
+        width: 50%;
+        align-items: center;
+      }
+    }
  </style>
 </html>