fix: stack NowPlayingStats vertically and tighten footer padding at xs (<=599px)
This commit is contained in:
@@ -26,3 +26,10 @@
|
|||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
margin-top: 0.4rem;
|
margin-top: 0.4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 599px) {
|
||||||
|
.hero-stat-row {
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 0.75rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -45,4 +45,17 @@
|
|||||||
font-size: 0.58rem;
|
font-size: 0.58rem;
|
||||||
letter-spacing: 0.12em;
|
letter-spacing: 0.12em;
|
||||||
color: var(--deepdrft-muted);
|
color: var(--deepdrft-muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 599px) {
|
||||||
|
.deepdrft-footer {
|
||||||
|
padding: 1.5rem;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.deepdrft-footer-copy {
|
||||||
|
width: 100%;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user