Refactor layout styles in Contact, Events, and Gallery components for…

… improved responsiveness
univalle · Nov 28, 2024 · c27e8cc · c27e8cc
1 parent f02eaa7
commit c27e8cc
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/components/Contact.astro b/src/components/Contact.astro
@@ -114,8 +114,9 @@
 	.map {
 		border-radius: 12px;
 		overflow: hidden;
-		margin: 2rem auto;
+		margin: 0 auto;
 		box-shadow: 0 4px 20px rgba(0,0,0,0.3);
+		width: 100%;
 	}
 
 	@media (max-width: 768px) {

diff --git a/src/components/Events.astro b/src/components/Events.astro
@@ -43,7 +43,7 @@ const events = [
 
 	@media screen and (min-width: 768px) {
 		.events {
-			padding: 2rem 2rem;
+			padding: 6rem 2rem;
 		}
 	}
 

diff --git a/src/components/Gallery.astro b/src/components/Gallery.astro
@@ -32,7 +32,7 @@
 		padding: 6rem 2rem;
 	}
 
-	@media screen and (min-width: 768px) {
+	@media screen and (max-width: 768px) {
 		.gallery {
 			padding: 2rem 2rem;
 		}