Add min height and remove unneeded css

uwu-labs · Jan 16, 2024 · 7339227 · 7339227
1 parent f49db3b
commit 7339227
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/Why.css b/src/components/Why.css
@@ -156,10 +156,10 @@
 }
 
 .why-image {
-  display: none;
   width: 100%;
   border-radius: 2.4rem;
   max-height: 40rem;
+  min-height: 10rem;
   object-fit: cover;
   object-position: top;
 }

diff --git a/src/components/Why.tsx b/src/components/Why.tsx
@@ -67,7 +67,7 @@ const Why = () => {
             community, including over 250+ anime artists!
           </p>
           <div className="why-image-container">
-            <img className="why-image" src={uwu2} alt="uwu" />
+            <img className="why-image" src={uwu2} alt="uwu" loading="eager" />
             <a 
               href={`https://twitter.com/${imageCredits[1]}`} 
               target="_blank" 
@@ -85,7 +85,7 @@ const Why = () => {
             create a culture that values creativity, together~
           </p>
           <div className="why-image-container">
-            <img className="why-image" src={uwu3} alt="uwu" />
+            <img className="why-image" src={uwu3} alt="uwu" loading="eager" />
             <a 
               href={`https://twitter.com/${imageCredits[2]}`} 
               target="_blank"