Make archive hero margin responsive
- No margin below hero on mobile/tablet (< 1200px) - 2rem margin below hero on desktop (>= 1200px) - Consistent hero styling across all interior pages 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -1 +0,0 @@
|
|||||||
55392
|
|
||||||
+1
-1
File diff suppressed because one or more lines are too long
@@ -13,7 +13,11 @@
|
|||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
padding: 3rem 0;
|
padding: 3rem 0;
|
||||||
border-bottom: 1px solid var(--color-border);
|
border-bottom: 1px solid var(--color-border);
|
||||||
margin-bottom: 2rem;
|
|
||||||
|
// No margin on mobile/tablet, margin on desktop
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
// When has background image
|
// When has background image
|
||||||
&.has-background {
|
&.has-background {
|
||||||
|
|||||||
Reference in New Issue
Block a user