feat: fix responsive issue on small screens

2023-03-15 11:26:42 +01:00
parent f87fe2d88d
commit 2d8fbdfe9d
1 changed files with 25 additions and 1 deletions
--- 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;