centered content

This commit is contained in:
Pagwin 2024-10-24 16:02:05 -04:00
parent 078612400d
commit c9ddcb00a7
No known key found for this signature in database
GPG key ID: 81137023740CA260
3 changed files with 15 additions and 7 deletions

2
TODO
View file

@ -10,4 +10,4 @@ ico?
~~center titles properly~~
center content box properly
~~center content box properly~~

View file

@ -82,11 +82,17 @@ a:hover {
display: block;
margin: 1em;
padding: 1em;
/* min-width: calc(100% - 5em); */
/* needed due to flex*/
width: 100%;
max-width: 960px;
border: 0.5em solid var(--content-border-color);
border-radius: 0.5em;
}
#content-outer {
display: flex;
justify-content: center;
align-items: center;
}
pre {
min-height: 2em;

View file

@ -15,11 +15,13 @@
<a class="nav-link" href="/posts/">Blog Posts</a>
<a class="nav-link" href="/links/">Links</a>
</div>
<div id="content">
<h1
style="font-variant: small-caps;text-align: justify; -moz-text-align-last: center; text-align-last: center;">
{{{title}}}</h1>
{{{content}}}
<div id="content-outer">
<div id="content">
<h1
style="font-variant: small-caps;text-align: justify; -moz-text-align-last: center; text-align-last: center;">
{{{title}}}</h1>
{{{content}}}
</div>
</div>
<div id="footer">
</div>