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,13 +11,24 @@
 }
 
 .hero__text-area__heading {
-    font-size: 10rem;
+    font-size: 4rem;
     margin: 1rem;
 }
 
+
+.hero__text-area__subheading {
+    font-size: 2rem;
+}
+
+@media (min-width: 800px) {
+    .hero__text-area__heading {
+        font-size: 10rem;
+    }
+
     .hero__text-area__subheading {
         font-size: 3rem;
     }
+}
 
 .hero__scroll-arrow {
     font-size: 6rem;