Image needs display block to not overflow on small screen.

1 files changed, 8 insertions, 7 deletions

diff --git a/css/style.css b/css/style.css
index a69a7d3..5ca12a8 100644
--- a/css/style.css
+++ b/css/style.css
@@ -105,12 +105,6 @@ ul ul {
   display: grid;
 }
 
-.odd, .even {
-  margin: 0 10% 5%;
-  max-width: 50%;
-  height: auto;
-}
-
 .odd {
   float: left;
   margin-left: 0;
@@ -121,7 +115,14 @@ ul ul {
   margin-right: 0;
 }
 
-.even img, .odd img {
+.odd, .even {
+  margin: 0 10% 5%;
+  max-width: 50%;
+  height: auto;
+}
+
+.odd img, .even img {
+  display: block;
   max-width: 100%;
   height: auto;
   margin: 0;