From 00d6c7873c1ecd8e5f34bb7a136fd9c581676a24 Mon Sep 17 00:00:00 2001
From: Anshika <anshika2020ag@gmail.com>
Date: Thu, 26 Oct 2023 15:43:58 +0530
Subject: [PATCH] Added responsiveness to PizzaCorner

---
 Art Gallery Website/index.html      | 10 ++++++----
 Art Gallery Website/style.css       |  4 ++--
 PizzaCorner_NewInterface/index.html |  5 +++--
 PizzaCorner_NewInterface/style.css  |  8 ++++++--
 4 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/Art Gallery Website/index.html b/Art Gallery Website/index.html
index 534ad743..6a217165 100644
--- a/Art Gallery Website/index.html	
+++ b/Art Gallery Website/index.html	
@@ -22,10 +22,12 @@
                 </nav>
             </div>
             <div class="content">
-                <h1>Abstract :</h1>
-                <h2>something mysterious<br>but beautiful at the same time!</h2>
-                <h3>(move the cursor to the image to see the beauty of <br>abstract art)</h3>
-                <br>
+                <div>
+                    <h1>Abstract :</h1>
+                    <h2>something mysterious<br>but beautiful at the same time!</h2>
+                    <h3>(move the cursor to the image to see the beauty of <br>abstract art)</h3>
+                    <br>
+                </div>
                 <a href="gallery.html"><button>Gallery</button></a>
             <div class="img">
             <div class="hero">
diff --git a/Art Gallery Website/style.css b/Art Gallery Website/style.css
index bfda08ad..8465f862 100644
--- a/Art Gallery Website/style.css	
+++ b/Art Gallery Website/style.css	
@@ -46,9 +46,8 @@ p#footer {
     height: 250px;
 }
 .navbar{
-    width: 100%;
+    width: 100vw;
     height: 15vh;
-    margin: auto;
     display: flex;
     align-items: center;
 }
@@ -343,3 +342,4 @@ p{
         background-size: 100% 100%;
     }
 }
+/* @media screen and (max-width:) */
\ No newline at end of file
diff --git a/PizzaCorner_NewInterface/index.html b/PizzaCorner_NewInterface/index.html
index a56ee26c..b211a301 100644
--- a/PizzaCorner_NewInterface/index.html
+++ b/PizzaCorner_NewInterface/index.html
@@ -31,8 +31,9 @@
 
 		<div class="Main">
 			
-				<img src="img/pizza.png" />
-			
+				<div class="imgpizza">
+					<img src="img/pizza.png" id="imgg" />
+				</div>
 			<div class="main_right">
 				<h1>
 					We Devliver Quality And Cheesy Pi<span style="color:#ff9f00 ;">zz</span>a
diff --git a/PizzaCorner_NewInterface/style.css b/PizzaCorner_NewInterface/style.css
index 09c0d534..5fe0170b 100644
--- a/PizzaCorner_NewInterface/style.css
+++ b/PizzaCorner_NewInterface/style.css
@@ -67,7 +67,6 @@ body
 	justify-content: center;
 	align-items: center;
 }
-
 section img
 {	
 	width: 100%;
@@ -451,12 +450,17 @@ li{
 		flex-direction: column-reverse;
 	}
 	.Main img{
-		position: absolute;
 		width: 50%;
 		left: 15em;
 		top: 22em;
 		z-index: -1;
 	}
+	.imgpizza{
+		width: 400px;
+	}
+	#imgg{
+		width: 100%;
+	}
 	.about{
 		text-align: center;
 		padding: 7em 4em ;