refactor(article.scss): remove margin-top from .info class to improve layout consistency

feat(article.scss): add media query to apply margin-top to .info class on tablets and devices with no hover support to improve responsiveness
This commit is contained in:
Sped0n
2023-10-31 00:35:17 +08:00
parent ee40055d6a
commit e1720906f7

View File

@@ -1,5 +1,4 @@
.info {
margin-top: var(--nav-height);
padding: var(--space-standard);
max-width: 25em;
@@ -41,3 +40,9 @@
margin: 1.2rem 0;
}
}
@media (max-width: $tablet), (hover: none) {
.info {
margin-top: var(--nav-height);
}
}