M index.html => index.html +1 -1
@@ 24,7 24,7 @@
-->
<script async type="module" src="/src/playground.js"></script>
<script async type="module" src="/src/faces.js"></script>
- <div style="position: absolute;">
+ <div class="main">
<section class="section">
<div>
<p class="light">Hello World!</p>
M magic.sass => magic.sass +8 -1
@@ 114,10 114,17 @@ nav
flex-direction: column
align-items: center
padding-left: 30px
- padding-top: 100%
width: 90%
gap: 0%
+.main
+ position: absolute
+ display: flex
+ justify-content: center
+ align-content: center
+ flex-direction: column
+ height: 100%
+
.light
color: $light-colour