feat: responsiveness

index.html

@@ -63,7 +63,7 @@
                     <div class="services__offers__card">
                         <h1 class="services__offers__card__heading">Boards</h1>
                         <p class="services__offers__card__description">
-                            We provide free Kanban boards to plan our projects.
+                            We provide free Kanban boards to plan your projects.
                         </p>
                         <a
                             href="https://boards.slashdev.space"

styles/hero.css

@@ -11,12 +11,23 @@
 }
 
 .hero__text-area__heading {
-    font-size: 10rem;
+    font-size: 4rem;
     margin: 1rem;
 }
 
+
 .hero__text-area__subheading {
-    font-size: 3rem;
+    font-size: 2rem;
+}
+
+@media (min-width: 800px) {
+    .hero__text-area__heading {
+        font-size: 10rem;
+    }
+
+    .hero__text-area__subheading {
+        font-size: 3rem;
+    }
 }
 
 .hero__scroll-arrow {
@@ -24,4 +35,4 @@
     font-weight: lighter;
     position: absolute;
     bottom: 1rem;
-}
+}