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 titles properly~~
center content box properly ~~center content box properly~~

View file

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

View file

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