fix: correct xs breakpoint from 600px to 599px in Home.razor.css (sm starts at 600px)
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user