fix: responsiveness below 300px

typescript-cheatsheets · Oct 1, 2023 · 29d761b · 29d761b
1 parent ff5e67c
commit 29d761b
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -57,3 +57,17 @@ main details:hover {
     grid-template-columns: 1fr 1fr;
   }
 }
+@media (max-width: 300px) {
+  .hero__title {
+    font-size: 24px;
+  }
+
+  .hero__subtitle {
+    font-size: 16px;
+  }
+
+  .button {
+    font-size: 14px;
+    padding: 10px 16px;
+  }
+}