use flex for body

This commit is contained in:
Adrian Heine 2020-09-22 11:52:21 +02:00
parent f80f8d748b
commit 253559bfc8
2 changed files with 7 additions and 2 deletions

View file

@ -4,7 +4,7 @@
<script src=/diffDOM.js></script> <script src=/diffDOM.js></script>
<script src=/springy.js></script> <script src=/springy.js></script>
<script src=/src/index.js type=module></script> <script src=/src/index.js type=module></script>
<div></div> <div class=wrapper></div>
<aside> <aside>
<a href="https://git.adrianheine.de/adrian/coding-precarity">git</a> <a href="https://git.adrianheine.de/adrian/coding-precarity">git</a>
</aside> </aside>

View file

@ -8,22 +8,27 @@
src: url("/IMFePIsc29P.ttf"); src: url("/IMFePIsc29P.ttf");
} }
body { body {
background-color: #e1eef2; background-color: #e1eef2;
margin: 0; margin: 0;
font-family: "Fell"; font-family: "Fell";
hyphens: auto; hyphens: auto;
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
} }
.wrapper { .wrapper {
max-width: 70em; max-width: 70em;
width: 100%;
height: 100%; height: 100%;
margin: 0 auto; margin: 0 auto;
background-color: #FFC63F; background-color: #FFC63F;
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
padding: 20px; padding: 20px;
flex: 1;
} }
.items { .items {