[OCaml] High Intensity Training Online
style Give the masthead balanced padding
The header should own its breathing room: 0.75rem above and below its contents. Keep main flush with that padded header and retain only main's bottom padding for the footer. This replaces the earlier attempt to create the gap through main top padding.
lib/web/assets/hito.css
@@ -94,6 +94,7 @@
94
94
display: flex;
95
95
align-items: center;
96
96
gap: 1rem;
97
Added:
padding: 0.75rem 0;
97
98
}
98
99
99
100
/* The footer is a small card beneath the page surface: same raised paper,
@@ -290,6 +291,8 @@
290
291
background: var(--oxblood);
291
292
}
292
293
294
Added:
/* Masthead padding creates the separation from the page card. Keep only the
295
Added:
bottom padding here so the footer still clears the content. */
293
296
main { padding: 0 0 1.5rem; }
294
297
295
298
.bottom-nav { display: none; }