matuush/web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

img in a container with title

Browse source
This commit is contained in:
Matuush 2024-02-07 21:21:40 +01:00
parent 7cc547934e
commit 4bab30f353
1 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
index.html
View file

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