Update

css/style.css

@@ -4,7 +4,9 @@
 
 html, body {
   height: 100%;
+  height: 100dvh;
   min-height: 100%;
+  min-height: 100dvh;
   overflow: hidden;
   margin: 0;
   padding: 0;
@@ -12,7 +14,6 @@ html, body {
 
 body {
   background-color: #0e0e0e;
-  margin: 0;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -52,6 +53,7 @@ body {
   margin: 0;
   width: 100%;
   height: 100%;
+  min-height: 100%;
   display: block;
   position: relative;
   background: #111;
@@ -123,17 +125,17 @@ h1 {
 a {
   color: #ddd;
   transition: color 100ms ease;
-  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 44px;
+  min-height: 44px;
 }
 
 a:hover {
   color: #eee;
 }
 
-p {
-  margin: 0;
-}
-
 svg {
   width: 20px;
   height: 20px;
@@ -152,7 +154,14 @@ svg {
 
 @media screen and (max-width: 430px) {
   .card {
-    height: 450px;
+    width: 85%;
+    height: auto;
+    aspect-ratio: 3 / 4;
+    max-height: 70dvh;
+  }
+
+  .links span {
+    font-size: 0.85rem;
   }
 }