From 2d8fbdfe9da095a8e2b16b5c1583e368948ce23a Mon Sep 17 00:00:00 2001 From: Cyril MARPAUD <cyril.marpaud@bashroom.com> Date: Wed, 15 Mar 2023 11:26:42 +0100 Subject: [PATCH] feat: fix responsive issue on small screens --- static/style.css | 26 +++++++++++++++++++++++++- 1 file changed, 25 insertions(+), 1 deletion(-) diff --git a/static/style.css b/static/style.css index fae6f25..824ae73 100644 --- a/static/style.css +++ b/static/style.css @@ -60,10 +60,34 @@ body { #name { display: inline; - font-size: 7em; + font-size: 2em; transition: var(--transition-duration); } +@media (min-width: 320px) { + #name { + font-size: 3em; + } +} + +@media (min-width: 480px) { + #name { + font-size: 4em; + } +} + +@media (min-width: 640px) { + #name { + font-size: 5.5em; + } +} + +@media (min-width: 800px) { + #name { + font-size: 7em; + } +} + #name em { color: var(--light-purple); font-style: normal;