chore: adjust landing page CSS

2023-07-16 01:58:56 +09:00 · 2023-07-16 01:58:56 +09:00 · 83eafc1cea
parent 1485cfdd4d
commit 83eafc1cea
1 changed files with 9 additions and 0 deletions
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@ -21,6 +21,8 @@
 .home-container {
  width: 100%;
  height: 100vh;
+  min-height: 100vh;
+  min-height: -webkit-fill-available;
  display: flex;
  flex-direction: column;
  align-items: center;
@ -48,3 +50,10 @@
    font-weight: 300;
  }
 }
+
+@media screen and (max-width: 996px) {
+  .home-container {
+    margin-block: 100px;
+    height: calc(100vh - 100px);
+  }
+}