wip

2 files changed, 18 insertions, 14 deletions

diff --git a/index.html b/index.html
index db1b385..3ea10fc 100644
--- a/index.html
+++ b/index.html
@@ -55,13 +55,13 @@
                     </div>
                     <div class="inner-grid_2">
                         <div>
-                            <img src="img/PoemInmygarden.jpg" alt=""/>
+                            <img class="inner_grid_2-img" src="img/PoemInmygarden.jpg" alt=""/>
                         </div>
                         <div>
-                            <img src="img/PoemSquirrel.jpg" alt=""/>
+                            <img class="inner_grid_2-img"  src="img/PoemSquirrel.jpg" alt=""/>
                         </div>
                         <div>
-                            <img src="img/Gardenbirdswhite.jpg" alt=""/>
+                            <img class="inner_grid_2-img"  src="img/Gardenbirdswhite.jpg" alt=""/>
                         </div>
                     </div>
                 </div>
@@ -82,13 +82,13 @@
                     </div>
                     <div class="inner-grid_2">
                         <div>
-                            <img src="img/Butterfliesx5squarewhite.jpg" alt=""/>
+                            <img class="inner_grid_2-img"  src="img/Butterfliesx5squarewhite.jpg" alt=""/>
                         </div>
                         <div>
-                            <img src="img/Butterfliesx5squarewhite.jpg" alt=""/>
+                            <img class="inner_grid_2-img"  src="img/Butterfliesx5squarewhite.jpg" alt=""/>
                         </div>
                         <div>
-                            <img src="img/Butterfliesx5squarewhite.jpg" alt=""/>
+                            <img class="inner_grid_2-img"  src="img/Butterfliesx5squarewhite.jpg" alt=""/>
                         </div>
                     </div>
                 </div>
@@ -109,13 +109,13 @@
                     </div>
                     <div class="inner-grid_2">
                         <div>
-                            <img src="img/Butterfliesx5squarewhite.jpg" alt=""/>
+                            <img class="inner_grid_2-img"  src="img/Butterfliesx5squarewhite.jpg" alt=""/>
                         </div>
                         <div>
-                            <img src="img/Butterfliesx5squarewhite.jpg" alt=""/>
+                            <img class="inner_grid_2-img"  src="img/Butterfliesx5squarewhite.jpg" alt=""/>
                         </div>
                         <div>
-                            <img src="img/Butterfliesx5squarewhite.jpg" alt=""/>
+                            <img class="inner_grid_2-img"  src="img/Butterfliesx5squarewhite.jpg" alt=""/>
                         </div>
                     </div>
                 </div>
diff --git a/style.css b/style.css
index a61b068..6983818 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,3 @@
-*,
 *::before,
 *::after {
     box-sizing: border-box;
@@ -69,15 +68,14 @@ q:after {
 }
 
 img {
-    border-radius: 20px;
+    border-radius: 10px;
 	margin-right: 20px;
-    box-shadow: 5px 10px 2px lightgray;
+    box-shadow: 3px 2px 2px lightgray;
     max-width: 400px;
     height: auto;
     width: 100%;
 }
 
-
 .inner-grid_1 {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
@@ -101,6 +99,11 @@ img {
     margin: 10px 10px 10px 0px;
 }
 
+.inner_grid_2-img {
+    box-shadow: 2px 2px 2px lightgray;
+    border-radius: 2px;
+}
+
 .divider {
     color: #e0d9de;
     border-width: 1;
@@ -116,7 +119,8 @@ img {
 	text-align: left;
     font-size: 1.5rem;
     padding: 0;	
-    padding-top: 10px;
+    padding-top: 1px;
+    margin-bottom: 5px;
   }
   .inner-grid_2 {
     grid-template-columns: 1fr; /* Switch to single column layout */