From 9d2e46397c220bd452f4a8cd22dc5dc087e99c93 Mon Sep 17 00:00:00 2001
From: InigoGutierrez <inigogf.95@gmail.com>
Date: Mon, 22 Aug 2022 03:17:55 +0200
Subject: Image needs display block to not overflow on small screen.

---
 css/style.css | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

(limited to 'css')

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;
-- 
cgit v1.2.1