diff --git a/DeepDrftPublic.Client/Controls/NowPlayingStats.razor.css b/DeepDrftPublic.Client/Controls/NowPlayingStats.razor.css index 620b69e..2016701 100644 --- a/DeepDrftPublic.Client/Controls/NowPlayingStats.razor.css +++ b/DeepDrftPublic.Client/Controls/NowPlayingStats.razor.css @@ -26,3 +26,10 @@ text-transform: uppercase; margin-top: 0.4rem; } + +@media (max-width: 599px) { + .hero-stat-row { + flex-direction: column; + gap: 0.75rem; + } +} diff --git a/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css b/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css index 3ecb610..668e192 100644 --- a/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css +++ b/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css @@ -45,4 +45,17 @@ font-size: 0.58rem; letter-spacing: 0.12em; color: var(--deepdrft-muted); -} \ No newline at end of file +} + +@media (max-width: 599px) { + .deepdrft-footer { + padding: 1.5rem; + flex-wrap: wrap; + gap: 1rem; + } + + .deepdrft-footer-copy { + width: 100%; + text-align: right; + } +} diff --git a/DeepDrftPublic.Client/Pages/Home.razor.css b/DeepDrftPublic.Client/Pages/Home.razor.css index 29562e8..b49e59d 100644 --- a/DeepDrftPublic.Client/Pages/Home.razor.css +++ b/DeepDrftPublic.Client/Pages/Home.razor.css @@ -117,7 +117,7 @@ .genre-grid { grid-template-columns: repeat(3, 1fr); } } -@media (max-width: 600px) { +@media (max-width: 599px) { .genre-grid { grid-template-columns: repeat(2, 1fr); } } @@ -211,7 +211,7 @@ .feature-card:last-child { border-bottom: none; } } -@media (max-width: 600px) { +@media (max-width: 599px) { .features-grid { grid-template-columns: 1fr; } .feature-card { border-right: none; border-bottom: 1px solid rgba(250, 250, 248, 0.08); } .feature-card:last-child { border-bottom: none; } @@ -512,7 +512,7 @@ .btn-outline-white:hover { border-color: var(--deepdrft-white); } -@media (max-width: 600px) { +@media (max-width: 599px) { .cta-banner { flex-direction: column; align-items: flex-start;