Merge pull request #870 from Adityadhiman0/main

Fix issue no. #782 Add some effects on map.
ankit071105 · Nov 3, 2024 · 7c3409e · 7c3409e
2 parents bb3af8e + ae939de
commit 7c3409e
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 6 deletions.
diff --git a/index.css b/index.css
@@ -459,16 +459,26 @@ h2 {
 }
 
 .map-container {
-  margin: 20px 0;
+  background-color: transparent;
+  margin: 30px;
   height: 400px;
-  width: 100%;
+  min-width: 96%;
+  overflow: hidden;
+  border-radius: 10px;
+  box-shadow: 0px 10px 20px hsla(0, 0%, 0%, 0.5);
+  /* margin-right: 20px; */
 }
 
 iframe {
   border: none;
   width: 100%;
   height: 100%;
-  border-radius: 20px;
+  /* border-radius: 20px; */
+}
+.map-container iframe:hover{
+  transform: scale(1.02,1.02);
+  transition-duration: 90ms;
+  /* transform-style: ; */
 }
 
 .contact-links {

diff --git a/index.html b/index.html
@@ -801,7 +801,7 @@ <h2 style="color: white; text-align: left; font-size: 4rem; margin-bottom: 10px;
             }
         }
     </style>
-</div>
+<!-- </div>
 
         /* Button hover effect */
         button[type="submit"]:hover {
@@ -813,14 +813,14 @@ <h2 style="color: white; text-align: left; font-size: 4rem; margin-bottom: 10px;
                 flex-direction: column;
             }
         }
-    </style>
+    </style> -->
 </div>
 
 
         <div class="map-container">
             <iframe
                 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d126915.40242030277!2d85.7892607!3d20.2498709!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a19a7a3b9692fff%3A0x87cd0a356bbc39ce!2sITER%2C%20Siksha%20'O'%20Anusandhan!5e0!3m2!1sen!2sin!4v1689514124518!5m2!1sen!2sin"
-                allowfullscreen>
+                allowfullscreen frameborder="0" >
             </iframe>
         </div>
     </div>