use flex for body
This commit is contained in:
parent
f80f8d748b
commit
253559bfc8
2 changed files with 7 additions and 2 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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…
Add table
Add a link
Reference in a new issue