diff --git a/src/App.css b/src/App.css index 5b77670..bee433b 100644 --- a/src/App.css +++ b/src/App.css @@ -518,9 +518,9 @@ h3 { /* --- Featured Plugin Showcase Hero (Steam / App Store Style) --- */ .featured-showcase-container { - max-width: 1600px; - margin: 2rem auto 3rem auto; - padding: 0 2rem; + max-width: 1100px; + margin: 1.5rem auto 2.5rem auto; + padding: 0 1.5rem; } .featured-showcase-main { @@ -539,15 +539,17 @@ h3 { .featured-showcase-link { display: grid; - grid-template-columns: 1fr 340px; + grid-template-columns: 1fr 300px; color: inherit; text-decoration: none; - min-height: 440px; + min-height: 280px; + max-height: 340px; } @media (max-width: 1024px) { .featured-showcase-link { grid-template-columns: 1fr; + max-height: none; } } @@ -558,7 +560,8 @@ h3 { align-items: center; justify-content: center; overflow: hidden; - min-height: 320px; + min-height: 220px; + max-height: 340px; } .featured-main-img {