Edited Card Image Sizes

LewisN3142 · Dec 6, 2023 · 45790d5 · 45790d5
1 parent 102b8e4
commit 45790d5
Show file tree

Hide file tree

Showing 4 changed files with 71 additions and 5 deletions.
diff --git a/academia_page/academia_images/LMS.webp b/academia_page/academia_images/LMS.webp
diff --git a/academia_page/academia_images/Oxford.webp b/academia_page/academia_images/Oxford.webp
diff --git a/global/main.css b/global/main.css
@@ -1068,7 +1068,7 @@ textarea {
   justify-content: center;
   padding: 0px;
   height: 80vh;
-  max-height: 800px;
+  max-height: 600px;
 }
 
 .slider-container {
@@ -1203,10 +1203,6 @@ textarea {
   flex-grow: 1;
 }
 
-.slider-padding {
-  height: 2rem;
-}
-
 .card {
   position: absolute;
   width: 60%;
@@ -1401,12 +1397,18 @@ textarea {
   .container {
     max-width: 540px;
   }
+  .slider-padding {
+    height: 2rem;
+  }
 }
 
 @media screen and (min-width: 768px) {
   .container {
     max-width: 720px;
   }
+  .slider-padding {
+    height: 2rem;
+  }
 }
 
 @media screen and (min-width: 992px) {
@@ -1417,6 +1419,9 @@ textarea {
     margin-top: 4.35rem;
     margin-bottom: 4.15rem;
   }
+  .slider-padding {
+    height: 2rem;
+  }
 }
 
 @media screen and (min-width: 1200px) {
@@ -1427,6 +1432,67 @@ textarea {
     margin-top: 2.8rem;
     margin-bottom: 2.6rem;
   }
+  .slider-padding {
+    height: 2rem;
+  }
+}
+
+@media screen and (min-width: 1600px) {
+  .container {
+    max-width: 1510px;
+  }
+  .img-about {
+    margin-top: 1.2rem;
+    margin-bottom: 1rem;
+  }
+  .card-carousel {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0px;
+    height: 80vh;
+    max-height: 625px;
+  }
+  .slider-container {
+    width: 100%;
+    max-width: 900px;
+    max-height: 600px;
+    height: 100%;
+
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+  }
+}
+
+@media screen and (min-width: 2000px) {
+  .container {
+    max-width: 1880px;
+  }
+  .img-about {
+    margin-top: 0.3rem;
+    margin-bottom: 0.1rem;
+  }
+  .card-carousel {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0px;
+    height: 80vh;
+    max-height: 645px;
+  }
+  .slider-container {
+    width: 100%;
+    max-width: 1100px;
+    max-height: 620px;
+    height: 100%;
+
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+  }
 }
 
 @media screen and (max-width: 991.5px) {

diff --git a/home_material/villainelle.webp b/home_material/villainelle.webp