Merge pull request #197 from felixicaza/home-image

fix: update Latam Airlines image in home page
UXCorpRangel · Aug 31, 2024 · 22d8852 · 22d8852
2 parents 1b2f799 + b06a036
commit 22d8852
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 8 deletions.
diff --git a/public/img/home/latam-airlines-1.avif b/public/img/home/latam-airlines-1.avif
diff --git a/public/img/home/latam-airlines-1.webp b/public/img/home/latam-airlines-1.webp
diff --git a/src/components/Cards/SimpleCard/SimpleCard.astro b/src/components/Cards/SimpleCard/SimpleCard.astro
@@ -108,7 +108,11 @@ const {
     justify-content: space-between;
 
     color: white;
-    padding: 3rem 3rem 0 3rem;
+    padding: 3rem 2rem 0 2rem;
+
+    @media (width >= 992px) {
+      padding: 3rem 3rem 0 3rem;
+    }
   }
 
   .card-container:has(p) {

diff --git a/src/pages/_Sections/StudyCases/StudyCases.astro b/src/pages/_Sections/StudyCases/StudyCases.astro
@@ -16,21 +16,20 @@ import { t } from 'i18n:astro';
     <p>
       {t('study_case_desc')}
     </p>
-    <picture style="aspect-ratio: 512/228">
-      <source srcset="/img/home/latam-airlines-1.avif" type="image/avif" />
-      <source srcset="/img/home/latam-airlines-1.webp" type="image/webp" />
+    <picture style="aspect-ratio: 523/227">
+      <source srcset="/img/home/latam-airlines-1.avif?v=1" type="image/avif" />
+      <source srcset="/img/home/latam-airlines-1.webp?v=1" type="image/webp" />
       <img
         class="logo-img"
-        src="/img/home/latam-airlines-1.webp"
+        src="/img/home/latam-airlines-1.webp?v=1"
         alt="Latam airlines - Ana Rangel"
         decoding="async"
         loading="lazy"
         fetchpriority="low"
-        style="aspect-ratio: 512/228"
+        style="aspect-ratio: 523/227"
       />
     </picture>
   </section>
-  <!-- TODO: arreglar que la imagen dentro del componente quede en la posicion correcta -->
   <SimpleCard
     cardText={t('project_cta')}
     cardImage="/img/home/latam-airlines"
@@ -77,7 +76,11 @@ import { t } from 'i18n:astro';
     display: flex;
     flex-direction: column;
     gap: 30px;
-    padding: 3rem;
+    padding: 3rem 2rem;
+
+    @media (width >= 992px) {
+      padding: 3rem;
+    }
   }
 
   h3 {