From 25495d2e47ea006f4bd19b732bc5a6c7a57ccde4 Mon Sep 17 00:00:00 2001
From: ludrol <jot.s.gam@gmail.com>
Date: Mon, 23 Jun 2025 12:32:23 +0200
Subject: [PATCH 1/2] fixed typo in adaptive rule

---
 public/css/styles.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/css/styles.css b/public/css/styles.css
index a5e3e03..1e0e864 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -209,7 +209,7 @@ section.docs aside ul li a:focus {
   border-radius: 3px;
 }
 
-@media (min-width: 61em) {
+@media (min-width: 51em) {
 
   section.docs .inner {
     display: flex;

From 4aae0373b9af370129d5f780ec413ed0fb4d16b2 Mon Sep 17 00:00:00 2001
From: ludrol <jot.s.gam@gmail.com>
Date: Mon, 23 Jun 2025 12:31:04 +0200
Subject: [PATCH 2/2] added adaptive rules for small screens

---
 public/css/styles.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/public/css/styles.css b/public/css/styles.css
index 1e0e864..3eab2f0 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -96,7 +96,7 @@ header nav {
   justify-content: center;
 }
 
-@media (max-width: 51em) {
+@media (min-width: 29em) and (max-width: 51em) {
   header nav {
     max-width: 100%;
     overflow: hidden;
@@ -150,6 +150,17 @@ header nav .button > span {
   }
 }
 
+@media (max-width: 29em){
+  header .inner .button {
+    min-width: 10em;
+    margin: auto;
+  }
+  header .inner nav {
+    flex-direction: column;  
+    }
+}
+
+
 .inner {
   padding: 0 1em 0 1em;
 }