centered content
This commit is contained in:
parent
078612400d
commit
c9ddcb00a7
3 changed files with 15 additions and 7 deletions
2
TODO
2
TODO
|
@ -10,4 +10,4 @@ ico?
|
||||||
|
|
||||||
~~center titles properly~~
|
~~center titles properly~~
|
||||||
|
|
||||||
center content box properly
|
~~center content box properly~~
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue