From 9f3e6f2efdd25a0b95413b3d2cae8fdefb5c8e4b Mon Sep 17 00:00:00 2001
From: andrzej <andrzejjamesstepien@gmail.com>
Date: Tue, 12 Nov 2024 17:37:12 +0100
Subject: [PATCH] fix overflowing text

---
 css/styles.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/css/styles.css b/css/styles.css
index 9620678..926fbbc 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -90,10 +90,15 @@ h3 {
 	width: full;
 	text-align: center;
 	text-shadow: 0.04em 0.08em var(--shadow-color);
+
 }
 
 li.container h3 {
 	font-size: 7rem;
+
+	@media screen and (max-width:600px) {
+		font-size: 5rem;
+	}
 }
 
 #this-website {
@@ -278,7 +283,8 @@ li::marker {
 	align-items: center;
 	justify-content: center;
 	font-size: 1.8rem;
-	text-wrap-style: balance;
+	text-wrap-style: pretty;
+	text-align: center;
 
 	p {
 		margin: 1rem;