Centre one 42rem reading column on content, post, event and FAQ pages

This commit is contained in:
tleininger committed 2026-10-01 18:48:55 +02:00
1 parent 7d09233ca2
commit a847507b46
6 files changed
+82 -10

No files matched your search

@@ -0,0 +1,17 @@
/* Same centred 42rem reading column as a content page (ContentPage.razor.css), so
every page of the site shares one column under the header. The topic cards and
the questions inside them live in the global app.css. */
h1,
article,
p,
.faq-topic {
box-sizing: border-box; /* padding inside the 42rem, flush with the text */
max-width: 42rem;
margin-inline: auto;
}
/* The intro's last paragraph drops its margin (app.css), so the first card would
sit right under the text; this gives it the same air as between sections. */
article {
margin-bottom: var(--space-5);
}