Merge pull request #1601 from Adarsh-Chaubey03/main

Multiple Minor Fixes And Enhancement In Websites
PriyaGhosal · Oct 28, 2024 · a24ea01 · a24ea01
2 parents 1142ee9 + 2173eb4
commit a24ea01
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 9 deletions.
diff --git a/fly.css b/fly.css
@@ -51,6 +51,11 @@
     transform: translateX(0);
   }
 }
+.preview-image {
+  width: 100%;
+  aspect-ratio: 3/1;
+  object-fit: cover;
+}
 
 .btn {
   padding: 10px 20px;

diff --git a/fly.html b/fly.html
@@ -38,7 +38,7 @@ <h1 class="section__header">
       <div style="display: flex; justify-content: center">
         <img
           src="img/Presentation1-removebg-preview.png"
-          style="width: 2000px; height: 500px"
+         class="preview-image"
           alt="header"
         />
       </div>
@@ -299,9 +299,9 @@ <h4>INFORMATION</h4>
         </div>
         <div class="footer__col">
           <h4>CONTACT</h4>
-          <p>Support</p>
-          <p>Media</p>
-          <p>Socials</p>
+         <a href="contact.html">Support</a> 
+         <a href="blog.html">Media</a> 
+         <a href="#">Social</a> 
         </div>
       </div>
       <div class="section__container footer__bar">

diff --git a/index.html b/index.html
@@ -951,7 +951,7 @@ <h3>Wildlife Safari in Kenya</h3>
   border: none;
   padding: 10px 20px;
   border-radius: 8px;
-  font-size: 1rem;
+  font-size: 1.5rem;
   transition: background-color 0.3s ease, transform 0.3s ease, border 0.3s ease;
 }
 

diff --git a/romantic-gateway.css b/romantic-gateway.css
@@ -3,7 +3,8 @@ body {
     color: #333;
 }
 
-h1, h2 {
+h1,
+h2 {
     color: #ff69b4;
 }
 
@@ -41,9 +42,15 @@ h1, h2 {
     height: 100%;
 }
 
+.card-img-top {
+    width: 100%;
+    aspect-ratio: 3/2;
+    object-fit: cover;
+}
+
 @media (max-width: 768px) {
     .container {
         padding-left: 15px;
         padding-right: 15px;
     }
-}
+}
diff --git a/romantic-gateway.html b/romantic-gateway.html
@@ -48,7 +48,7 @@ <h2 class="mb-3">🔍 Find Your Perfect Destination</h2>
         <section id="map" class="mb-5">
             <h2 class="mb-3">🗺️ Explore Romantic Destinations</h2>
             <div class="ratio ratio-21x9">
-                <img src="https://images.unsplash.com/photo-1524661135-423995f22d0b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80" class="img-fluid rounded" alt="Interactive Map">
+                <img src="https://images.unsplash.com/photo-1524661135-423995f22d0b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80" class="card-img-top" alt="Interactive Map">
             </div>
         </section>
 

diff --git a/solo-adventure.css b/solo-adventure.css
@@ -12,7 +12,8 @@ body {
 }
 
 .card-img-top {
-    height: 200px;
+    width: 100%;
+    aspect-ratio: 3/2;
     object-fit: cover;
 }
 

diff --git a/solo-adventure.html b/solo-adventure.html
@@ -6,6 +6,7 @@
     <title>Solo Adventure Explorer</title>
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="index.css">
+    <link rel="stylesheet" href="solo-adventure.css">
 </head>
 <body>
     <div class="container mt-5">