From 17772630462f1b9e3fd42fdf83f11ebe756e26f3 Mon Sep 17 00:00:00 2001
From: Kevin-771 <70790256+Kevin-771@users.noreply.github.com>
Date: Fri, 24 May 2024 20:24:28 -0400
Subject: [PATCH] made border smaller when viewing on small devices

---
 docs/styles.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/docs/styles.css b/docs/styles.css
index 002d866..e99c778 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -34,9 +34,17 @@ nav a:hover {
 }
 
 .container {
-    padding: 20px 100px;
+    padding-left: 20%;
+    padding-right: 20%;
 }
 
+@media only screen and (max-width: 600px) {
+    .container {
+       padding-left: 10%;
+       padding-right: 10%;
+    }
+ }
+
 .gallery img {
     width: 100%;
     height: auto;