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

images linked with descriptions

Browse source
This commit is contained in:
Matuush 2024-02-26 11:21:11 +01:00
parent b66505325c
commit 9757dd1c53
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
index.html
View file

@ -20,10 +20,10 @@
.right {grid-area: right;} .right {grid-area: right;}
.down {grid-area: down;} .down {grid-area: down;}
img { img {
object-fit: contain;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.imgcontain {object-fit: contain;}
.container { .container {
display: grid; display: grid;
grid-template-columns: 3fr 2fr 2fr 3fr; grid-template-columns: 3fr 2fr 2fr 3fr;
@ -44,15 +44,15 @@ img {
<div id='quotes'> </div> <div id='quotes'> </div>
</div> </div>
<div class='left'> <div class='left'> <div class='imgcontain'>
<img src='img/karinka.jpg'> <img src='img/karinka.jpg'>
<a class='text'><i>Obrázek 1:</i> Karinka</a> <a class='text'><i>Obrázek 1:</i> Karinka</a>
</div> </div> </div>
<div class='right'> <div class='right'> <div class='imgcontain'>
<img src='img/puficek.jpg'> <img src='img/puficek.jpg'>
<a class='text'><i>Obrázek 2:</i> Pufíček</a> <a class='text'><i>Obrázek 2:</i> Pufíček</a>
</div> </div> </div>
<div class='down'> <div class='down'>
<br> <p class='text'>Webové stránky takového toho tamtoho člověka</p> <br> <br> <p class='text'>Webové stránky takového toho tamtoho člověka</p> <br>