Browse Source

use flex for body

master
Adrian Heine 4 years ago
parent
commit
253559bfc8
  1. 2
      index.html
  2. 7
      style.css

2
index.html

@ -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>

7
style.css

@ -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 {

Loading…
Cancel
Save