fix: correct xs breakpoint from 600px to 599px in Home.razor.css (sm starts at 600px)

This commit is contained in:
daniel-c-harvey
2026-06-07 09:50:09 -04:00
parent cb9c5f9b3c
commit 75766154bb
+3 -3
View File
@@ -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;