Fixed responsive stlying

2024-11-21 19:58:27 +09:00
parent 5a3929ace7
commit cf29f5b482
21 changed files with 1330 additions and 1532 deletions
--- a/assets/styles/app.css
+++ b/assets/styles/app.css
@@ -17,6 +17,7 @@

 #App {
    display: grid;
+    height: max-content;
 }

 body {
@@ -25,10 +26,10 @@ body {

 main {
    margin: var(--main-margin-top-bottom) var(--main-margin-left-right);
+    min-height: 64vh;
 }

 html {
    font-size: 16px;
-    scrollbar-width: none;
    scroll-behavior: smooth;
 }
--- a/assets/styles/page.css
+++ b/assets/styles/page.css
@@ -1,6 +1,7 @@
 main {
    display: grid;
    width: 50%;
+    min-height: 75vh;
    justify-self: center;
 }