From 21358d5e175b32e65ff4164203ac8d02b6568a50 Mon Sep 17 00:00:00 2001
From: juliam98 <juliamarcinkowska98@gmail.com>
Date: Tue, 9 Apr 2024 10:06:00 +0100
Subject: [PATCH] updated screen orientation settings

---
 style/main_style.css | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/style/main_style.css b/style/main_style.css
index 439aecf..76b062c 100644
--- a/style/main_style.css
+++ b/style/main_style.css
@@ -25,11 +25,21 @@ h2 {
     margin-top: 30px;
 }
 
-p {
-    width: 50% ;
-    margin: auto;
+@media screen and (orientation: portrait) {
+    p {
+        width: 80% ;
+        margin: auto;
+    }
+}
+
+@media screen and (orientation: landscape) {
+    p {
+        width: 50% ;
+        margin: auto;
+    }
 }
 
+
 p a, p a:link, p a:visited, p a:active {
     text-decoration: none;
     font-weight: bold;