center vertical alignment

2019-02-26 00:25:17 +01:00 · 2019-02-26 00:25:17 +01:00 · 337a1b9b7d
commit 337a1b9b7d
parent 01332909c4
1 changed files with 2 additions and 1 deletions
--- a/style.css
+++ b/style.css
@ -11,6 +11,7 @@ body {
    --tile-size: 6vw;
    --button-margin: 0.5vw;
    --opacity: 0.164;
+
 }

 .grid-button {
@ -87,7 +88,7 @@ body {
 .main-container {
    text-align: center;
    white-space: nowrap;
-    padding-top: 1vw;
+    padding-top: calc(50vh - 0.5 * (var(--grid-height) * var(--tile-size)) - 1vw);
 }

 .grid-container {