From b22047b81c8780159ddba5443c0d51b8c52adec8 Mon Sep 17 00:00:00 2001 From: cool-mist Date: Sat, 14 Jun 2025 11:49:01 +0530 Subject: [PATCH] Fix formatting for mobile --- assets/style.scss | 32 ++++++++++++++++++++++++++++++-- 1 file changed, 30 insertions(+), 2 deletions(-) diff --git a/assets/style.scss b/assets/style.scss index c883cb7..7571f9b 100644 --- a/assets/style.scss +++ b/assets/style.scss @@ -122,14 +122,26 @@ body { } .one-half { - width: 75%; + width: 50%; max-width: 800px; flex-direction: column; } .one-fourth { display: flex; - width: 10%; + width: 25%; +} + +@media (max-width: 1250px) { + .one-fourth { + display: flex; + width: 10%; + } + + .one-half { + display: flex; + width: 80%; + } } @media (max-width: 800px) { @@ -142,6 +154,22 @@ body { display: flex; width: 100%; } + + body { + font-size: 16px; + } +} + +@media (max-width: 800px) { + body { + font-size: 15px; + } +} + +@media (max-width: 540px) { + body { + font-size: 14px; + } } h1, h2, h3, h4, h5, h6 {