updates to css

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>
 

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);