Merge pull request #495 from ManojSinghDashauni/ManojSinghDashauni-464

Ayushparikh-code · web-flow · commit 2f655ab6fd34 · 2024-09-17T08:08:53.000+05:30
issues #464 - fix images and padding
diff --git a/Restaurant-website/index.html b/Restaurant-website/index.html
@@ -5,8 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Le Catering</title>
-    <link rel="stylesheet" href="css/style.css">
-    <link rel="shortcut icon" type="image/jpg" href="/images/img1.jpg">
+    <link rel="stylesheet" href="./public/css/style.css">
+    <link rel="shortcut icon" type="image/jpg" href="./public/images/img1.jpg">
 </head>
 <body>
 <!-------Navbar-------------------------------------------------------------------------------------------------------------------------------->
@@ -27,7 +27,7 @@
     <div id="about">
         <!--image in about section-->
         <section id="about-section-image">
-            <img src="images/img1.jpg">
+            <img src="./public/images/img1.jpg">
         </section>
         <!---content in about section-->
         <section id="about-section">
@@ -107,7 +107,7 @@ <h3 class="menu-headings">
 <!----section-image-->
         </section>
         <section id="menu-img">
-            <img src="images/img2.jpg">
+            <img src="./public/images/img2.jpg">
         </section>
     </div>
     <hr>
diff --git a/Restaurant-website/public/css/style.css b/Restaurant-website/public/css/style.css
@@ -32,7 +32,7 @@ ul{
    
     display:grid;
     grid-template-rows:60px;
-    grid-template-columns: auto  100px 100px 100px;
+    grid-template-columns: auto  100px 80px 100px;
     /*border:1px solid red;*/
     width:100%;
     height:100%;
@@ -63,7 +63,7 @@ a:hover{
 
 /******home section background image******/
 #home{
-    background:url("/images/img3.jpg") no-repeat center center/cover;
+    background:url(../images/img3.jpg) no-repeat center center/cover;
     opacity:0.8;
     margin-bottom:100px;
 }
