more css fixes

GwenTastic · May 3, 2024 · 7288b57 · 7288b57
1 parent e68ace2
commit 7288b57
Showing 1 changed file with 25 additions and 9 deletions.
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -37,7 +37,7 @@ section {
     margin-left: 3em;
 }
 
-section.changelog {
+section#changelog {
     display: grid;
     grid-area: changelog;
     align-self: self-end;
@@ -58,7 +58,7 @@ footer {
         padding-top: 0px;
     }
     .container {
-        grid-template-columns: 15% 80%;
+        grid-template-columns: 15% 70% 15%;
         grid-template-rows: 10% 85% 1%;
         grid-template-areas: 
         "heads main main changelog" 
@@ -88,15 +88,15 @@ footer {
         margin-left: -50px;
     }
     footer{
-        display:grid;
+        display: grid;
         grid-area: foot;
         align-self: stretch;
         height: 25px;
         width: 70%;
         margin-left: -150px;
         padding-left: 0px;
     }
-    footer{
+    section#changelog {
         display: grid;
         grid-area: changelog;
         align-self: stretch;
@@ -113,11 +113,11 @@ footer {
         padding-top: 0px;
     }
     .container {
-        grid-template-columns: 10% 90%;
+        grid-template-columns: 10% 80%;
         grid-template-rows: 10% 85% 5%;
         grid-template-areas: 
         "heads main" 
-        "0 main" 
+        "changelog main" 
         "foot foot";
     }
     header {
@@ -142,8 +142,16 @@ footer {
         padding-top: 0px;
         margin-left: -70px;
     }
+    section#changelog {
+        display: grid;
+        grid-area: changelog;
+        align-self: stretch;
+        max-width: 220px;
+        margin-left: 15px;
+    }
+
     footer{
-        display:grid;
+        display: grid;
         grid-area: foot;
         align-self: stretch;
         height: 25px;
@@ -154,10 +162,11 @@ footer {
 @media only screen and (max-device-width: 900px) {
     .container {
         grid-template-columns: 100%;
-        grid-template-rows: 10% 85% 5%;
+        grid-template-rows: 10% 75% 10% 5%;
         grid-template-areas: 
         "heads" 
-        "main" 
+        "main"
+        "changelog"
         "foot";
     }
     header {
@@ -175,6 +184,13 @@ footer {
         align-self: stretch;
         margin-left: 5%;
     }
+
+    section#changelog {
+        grid-area: changelog;
+        align-self: stretch;
+        margin-left: 5%;
+    }
+
     footer{
         display:grid;
         grid-area: foot;