From 4bab30f3533c53096aeec83fad84b017d83d837a Mon Sep 17 00:00:00 2001
From: Matuush <m4tuush@gmail.com>
Date: Wed, 7 Feb 2024 21:21:40 +0100
Subject: [PATCH] img in a container with title

---
 index.html | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 84fb61b..7943688 100644
--- a/index.html
+++ b/index.html
@@ -19,6 +19,7 @@
 .left {grid-area: left;}
 .right {grid-area: right;}
 .down {grid-area: down;}
+.imgcontain {object-fit: contain;}
 img {  
    object-fit: contain;
    width: 100%;
@@ -60,13 +61,17 @@ img {
       </div>
 
       <div class='left'>
-         <img src='karinka.jpg'>
-         <a class='text'><i>Obrázek 1:</i> Karinka</a>
+         <div class='imgcontain'>
+            <img src='karinka.jpg'>
+            <a class='text'><i>Obrázek 1:</i> Karinka</a>
+         </div>
       </div>
 
       <div class='right'>
-         <img src='puficek.jpg'>
-         <a class='text'><i>Obrázek 2:</i> Pufíček</a>
+         <div class='imgcontain'>
+            <img src='puficek.jpg'>
+            <a class='text'><i>Obrázek 2:</i> Pufíček</a>
+         </div>
       </div>
 
       <div class='down'>