From 23375a472161c0b36a1907b8e7482a3df2dcfa7d Mon Sep 17 00:00:00 2001
From: jasheloper <48870048+jasheloper@users.noreply.github.com>
Date: Fri, 2 Aug 2024 17:37:49 -0700
Subject: [PATCH] updates to css

---
 README.md |  2 +-
 style.css | 17 ++++++++---------
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index 7a5f73e..56cffa1 100644
--- a/README.md
+++ b/README.md
@@ -16,7 +16,7 @@ https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Image_
 
 Demo @ https://jasheloper.github.io/img-gallery-js-2/
 
-(not responsive, simple JS practice exercise only)
+(not optimized for mobile, simple JS practice exercise only)
 
 <br>
 
diff --git a/style.css b/style.css
index 88f44c0..c92687b 100644
--- a/style.css
+++ b/style.css
@@ -1,6 +1,8 @@
+/* not entirely optimized for mobile. just slight tweaking to make it look somewhat better there. this practice project focuses on getting javascript functionality working, so please view in desktop. */
+
 h1 {
   color: white;
-  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Example shadow */
+  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
   font-family: helvetica, arial, sans-serif;
   text-align: center;
   font-size: 3.6em;
@@ -31,13 +33,11 @@ body {
 .full-img {
   position: relative;
   display: block;
-  width: 100%; /* Change this to 100% */
-  max-width: 640px; /* Keep max-width to limit the size */
-  height: auto; /* Adjust height to maintain aspect ratio */
+  width: 100%; 
+  max-width: 640px; 
+  height: auto;
 }
 
-
-
 .full-img img {
   max-width: 100%;
   border-radius: 8px;
@@ -48,13 +48,12 @@ body {
   position: absolute;
   top: 0;
   left: 0;
-  width: 100%; /* Change this to 100% */
-  height: 100%; /* Change this to 100% */
+  width: 100%; 
+  height: 100%;
   background-color: rgba(0, 0, 0, 0);
   border-radius: 8px;
 }
 
-
 button {
   border: 0;
   background: rgba(150,150,150,0.6);