diff options
| author | Robert Günzler <r@gnzler.io> | 2026-02-09 10:38:28 +0100 |
|---|---|---|
| committer | Robert Günzler <r@gnzler.io> | 2026-02-09 10:42:37 +0100 |
| commit | 2a62a920f3d5926457f0ddaf74e72a6d80fb3ab7 (patch) | |
| tree | 8cae33d3fc5582b848839d82a0558bceb66ae02d | |
| parent | b512bd5a8b2de977c2191a21bfafaf54c0be70b4 (diff) | |
| download | site-2a62a920f3d5926457f0ddaf74e72a6d80fb3ab7.tar.gz | |
cleanup center vs centering helpers
Signed-off-by: Robert Günzler <r@gnzler.io>
| -rw-r--r-- | links/main.css | 9 | ||||
| -rw-r--r-- | site/gsix.html | 6 | ||||
| -rw-r--r-- | src/inc/gsix.htm | 4 |
3 files changed, 13 insertions, 6 deletions
diff --git a/links/main.css b/links/main.css index cf96f2a..ea1cf7f 100644 --- a/links/main.css +++ b/links/main.css @@ -350,11 +350,18 @@ ul.nobull li { height: calc(100vh - (var(--body-spacing) * 2) - var(--header-and-footer-max-height)); } -.center { +/* puts child item into center */ +.centering { display: grid; place-items: center; } +/* positions self in center */ +.center { + display: block; + margin: 0 auto; +} + .squish { display: flex; flex-flow: row wrap; diff --git a/site/gsix.html b/site/gsix.html index 111fbab..4d7086e 100644 --- a/site/gsix.html +++ b/site/gsix.html @@ -37,12 +37,12 @@ </nav> </header> <main> -<section class="fullpage center"> - <h1>gsix = gentoo + s6</h1> +<section class="fullpage centering"> + <h1>gsix = gentoo + s6</h1> </section> </main> <footer> -Edited on 2025-03-07 <a href="https://git.sr.ht/~robertgzr/site/tree/master/src/inc/gsix.htm" target="_blank">[src]</a> +Edited on 2026-02-09 <a href="https://git.sr.ht/~robertgzr/site/tree/master/src/inc/gsix.htm" target="_blank">[src]</a> <a href="mailto:~robertgzr/public-inbox@lists.sr.ht">[comments]</a> <br> <b>robertgzr</b> diff --git a/src/inc/gsix.htm b/src/inc/gsix.htm index eff5848..00e8b1f 100644 --- a/src/inc/gsix.htm +++ b/src/inc/gsix.htm @@ -1,3 +1,3 @@ -<section class="fullpage center"> - <h1>gsix = gentoo + s6</h1> +<section class="fullpage centering"> + <h1>gsix = gentoo + s6</h1> </section> |