everything in the middle

This commit is contained in:
Matuush 2024-03-10 11:33:42 +01:00
parent 70ff306e57
commit 3cbcb0df25

View file

@ -14,7 +14,7 @@
h1, h2, a, p {color: black;} h1, h2, a, p {color: black;}
h1 {font-size: 300%;} h1 {font-size: 300%;}
h2 {font-size: 275%;} h2 {font-size: 275%;}
a, p {font-size: 150%;} p {font-size: 150%;}
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -29,7 +29,6 @@ img {
.main {grid-area: main;} .main {grid-area: main;}
.left {grid-area: left;} .left {grid-area: left;}
.right {grid-area: right;} .right {grid-area: right;}
.down {grid-area: down;}
.imgcontain {object-fit: contain;} .imgcontain {object-fit: contain;}
.quote {font-family: 'ninifont';} .quote {font-family: 'ninifont';}
.container { .container {
@ -39,7 +38,7 @@ img {
grid-template-areas: grid-template-areas:
"left main main right" "left main main right"
"left main main right" "left main main right"
"down down down down"; ". . . .";
justify-items: center; justify-items: center;
} }
</style> </style>
@ -63,33 +62,38 @@ img {
"Čau lidi, já jsem křeček."<br> - Topení "Čau lidi, já jsem křeček."<br> - Topení
</p> </p>
</div> </div>
</div>
<div class='left'> <div class='imgcontain'>
<img src='img/karinka.jpg'>
<a><i>Obrázek 1:</i></a>
<a style="font-family: xenippa">Karinka</a>
</div> </div>
<div class='right'> <div class='imgcontain'>
<img src='img/puficek.jpg'>
<a><i>Obrázek 2:</i></a>
<a style="font-family: xenippa">Pufíček</a>
</div> </div>
<div class='down'>
<h2>Projekty</h2> <h2>Projekty</h2>
<a>Rekurzivní piškvorky: </a> <p>
Rekurzivní piškvorky:
<a href='p/index.html'>mat.uuush.eu/p</a> <a href='p/index.html'>mat.uuush.eu/p</a>
</p>
<br> <br>
<h2>Kontakt</h2> <h2>Kontakt</h2>
<p> <p>
E-mail: matus1@pull.cz<br> E-mail: <a href='mailto:matus1@pull.cz'>matus1@pull.cz</a><br>
Discord: the_matuush Discord: the_matuush<br>
GitHub: <a href='https://github.com/matuush'>matuush</a>
</p> </p>
</div> </div>
<div class='left'> <div class='imgcontain'>
<img src='img/karinka.jpg'>
<p style='margin-top: 0%;'>
<i>Obrázek 1:</i>
<a style="font-family: xenippa">Karinka</a>
</p>
</div> </div>
<div class='right'> <div class='imgcontain'>
<img src='img/puficek.jpg'>
<p style='margin-top: 0%;'>
<i>Obrázek 2:</i>
<a style="font-family: xenippa">Pufíček</a>
</p>
</div> </div>
</div> </div>
</center> </body> </center> </body>
</html> </html>