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); }
|
.genre-grid { grid-template-columns: repeat(3, 1fr); }
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 599px) {
|
||||||
.genre-grid { grid-template-columns: repeat(2, 1fr); }
|
.genre-grid { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -211,7 +211,7 @@
|
|||||||
.feature-card:last-child { border-bottom: none; }
|
.feature-card:last-child { border-bottom: none; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 599px) {
|
||||||
.features-grid { grid-template-columns: 1fr; }
|
.features-grid { grid-template-columns: 1fr; }
|
||||||
.feature-card { border-right: none; border-bottom: 1px solid rgba(250, 250, 248, 0.08); }
|
.feature-card { border-right: none; border-bottom: 1px solid rgba(250, 250, 248, 0.08); }
|
||||||
.feature-card:last-child { border-bottom: none; }
|
.feature-card:last-child { border-bottom: none; }
|
||||||
@@ -512,7 +512,7 @@
|
|||||||
|
|
||||||
.btn-outline-white:hover { border-color: var(--deepdrft-white); }
|
.btn-outline-white:hover { border-color: var(--deepdrft-white); }
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 599px) {
|
||||||
.cta-banner {
|
.cta-banner {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
|||||||
Reference in New Issue
Block a user