diff --git a/index.css b/index.css index 25143cc..085c90d 100644 --- a/index.css +++ b/index.css @@ -1894,7 +1894,9 @@ display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; - min-height: 453px; + height: calc(100vh - 320px); + min-height: 350px; + max-height: 550px; } } @@ -1915,7 +1917,8 @@ @media (min-width: 768px) { .brand-identity-card { padding: 32px; - max-height: 500px; + height: 100%; + max-height: none; } } @@ -2077,6 +2080,7 @@ flex-direction: column; gap: 16px; width: 100%; + height: 100%; } /* Feature Card for Analysis Page (Selling Points & Keywords) */ @@ -2089,14 +2093,16 @@ flex: 1; display: flex; flex-direction: column; - gap: 20px; + gap: 16px; width: 100%; box-sizing: border-box; + min-height: 0; + overflow: hidden; } @media (min-width: 768px) { .analysis-cards-column .feature-card { - padding: 32px; + padding: 24px 32px; } } @@ -2105,6 +2111,10 @@ display: flex; flex-wrap: wrap; gap: 8px; + overflow-y: auto; + flex: 1; + min-height: 0; + align-content: flex-start; } /* Feature Tag */