From 220fa7a2ef8ea39b601e110d5ba6e3ee53d9aa73 Mon Sep 17 00:00:00 2001
From: Anshika Pahal <anshikap0205@gmail.com>
Date: Sun, 10 Nov 2024 01:46:40 +0530
Subject: [PATCH] adjusted navbar and horizontal scroll on home page

---
 style.css | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/style.css b/style.css
index a366cd7..e889360 100644
--- a/style.css
+++ b/style.css
@@ -114,8 +114,8 @@ html {
 
 .header {
   height: 70px;
-  width: 100%;
-  padding: 0px 2%;
+  width: 98%;
+  padding: 0px ;
   display: flex;
   justify-content: space-between;
 }
@@ -180,7 +180,7 @@ html {
   /* background-color: blue; */
 }
 .nav-links {
-  width: 120%;
+  width: 100%;
   height: 70px;
   /* background-color: yellow; */
   display: flex;
@@ -232,7 +232,7 @@ html {
 
 
 .utils {
-  width: 8%;
+  width: 12%;
   height: 70px;
   margin-right: 45px;
   /* background-color: purple; */
@@ -244,16 +244,19 @@ html {
   width: 100%;
   height: 750px;
   background-color: gray;
+  overflow: hidden;
 }
 
 .slide {
   width: 100%;
   height: 100%;
   background-image: url("./images/Mainpagebanner.jpg");
-  background-size: cover;
+  background-size: contain;
+  background-position: center;
   display: flex;
   align-items: right;
-  padding-left: 20%;
+  padding-left: 13%;
+  overflow: hidden;
 }
 
 .slide-details {