Clamp font-size for better mobile responsiveness

2022-11-18 22:26:15 +01:00 · 2022-11-18 22:26:15 +01:00 · 6523a9e81f
parent 6b06868a64
commit 6523a9e81f
1 changed files with 1 additions and 1 deletions
--- a/css/style.css
+++ b/css/style.css
@ -20,7 +20,7 @@ h2.bot {
    background-color: #80cbc4;
    border: 1px solid black;
    padding: 20px;
-    font-size: 30px;
+    font-size: clamp(1rem, -0.8750rem + 8.3333vw, 2rem);
    text-align: center;
    cursor: pointer;
    color: #073642