From 1f1fb2b14100896a64982dea2710a664b94b243d Mon Sep 17 00:00:00 2001
From: Firdous708 <wanifirdous799@gmail.com>
Date: Sun, 1 Oct 2023 17:07:50 +0530
Subject: [PATCH] fix: prevent heading lines overlap with navbar in desktop
 mode

Adjusted the margin-top property for the heading lines within the
section#hero div.content to ensure proper spacing and prevent overlap
with the navigation bar in desktop mode.
---
 scss/home.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/scss/home.scss b/scss/home.scss
index 360f406..8fb76e8 100644
--- a/scss/home.scss
+++ b/scss/home.scss
@@ -92,6 +92,10 @@ section#hero {
     .buttons {
       margin-left: -1.5rem;
     }
+    // media query to prevent navbar from overlapping with the heading on desktop
+    @media screen and (min-width: 1024px) {
+      margin-top: 40px;
+    }
   }
 }