spanish-quizzer

commit c83f64cb8225419456ac85ef352c6d981695d67a
parent b24c7c0ea8699cb94a7215971f36dcad39b4b057
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Tue, 29 Sep 2020 13:15:37 -0700

Fix bug in reference table and quizzer styles.

Diffstat:
M
css/global.css
 | 
4
++++
M
css/quizzer.css
 | 
4
+---

2 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/css/global.css b/css/global.css
@@ -36,6 +36,7 @@ body {
 
     display: grid;
     grid-template-rows: auto auto 1fr auto;
+    grid-template-columns: 1fr auto 1fr;
 }
 
 #jsError {
@@ -72,6 +73,7 @@ button:disabled {
 /******** Other styles ********/
 header {
     grid-row: 1;
+    grid-column: 1 / 4;
     text-align: center;
     width: 100%;
     background-color: var(--theme-color);
@@ -87,6 +89,7 @@ header {
 
 main {
     grid-row: 2;
+    grid-column: 2;
     text-align: center;
 }
 
@@ -104,6 +107,7 @@ main {
 
 footer {
     grid-row: 4;
+    grid-column: 2;
     text-align: center;
     padding-bottom: 5px;
     padding-top: 5px;
diff --git a/css/quizzer.css b/css/quizzer.css
@@ -1,9 +1,7 @@
 /******** Quizzer styles ********/
 /* Container */
 #quizzer {
-    margin-left: auto;
-    margin-right: auto;
-    margin-top: 10px;
+    margin: 10px;
     padding: 10px;
     width: fit-content;
     width: -moz-fit-content;