starred/warmbly
1
0
Fork 0
mirror of https://github.com/warmbly/warmbly.git synced 2026-09-09 16:04:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: widen site content containers

Browse Source 
Give landing sections a shared wider content measure so the new feature showcase aligns with the header, hero, and footer.
This commit is contained in:
Matthew Meszaros
2026-06-06 11:54:39 +02:00
parent 82f3677a94
commit c3489b3bee
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/styles/global.css
+13 -2
View File
@@ -167,12 +167,23 @@ body {
Reusable patterns
---------------------------------------------------------------- */
/* Site-wide content width. Widened to 90rem so the header, hero, footer
and every section share the same generous width as the feature showcase. */
@utility container-page {
width: 100%;
margin-inline: auto;
padding-inline: 1.25rem;
max-width: 80rem;
@media (min-width: 768px) { padding-inline: 2rem; }
max-width: 90rem;
@media (min-width: 768px) { padding-inline: 2.5rem; }
}
/* Alias kept for the feature showcase; same width as container-page. */
@utility container-wide {
width: 100%;
margin-inline: auto;
padding-inline: 1.25rem;
max-width: 90rem;
@media (min-width: 768px) { padding-inline: 2.5rem; }
}
@utility prose-warmbly {