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

css grid + kočičky

Browse source
This commit is contained in:
Matuush 2023-12-05 19:34:02 +01:00
parent 9199d5b267
commit 96cd11854a
3 changed files with 50 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
index.html
View file

@ -2,17 +2,57 @@
<html> <html>
<head> <head>
<title> Deez nuts </title> <title> Deez nuts </title>
<style>
.text {
font-size: 24px;
}
.subtitle {
font-size: 36px;
}
.main {
grid-area: main;
}
.left {
grid-area: left;
width: 100%;
height: 100%;
object-fit: cover;
}
.right {
grid-area: right;
width: 100%;
height: 100%;
object-fit: cover;
}
.container {
display: grid;
justify-content: stretch;
grid-template-columns: 3fr 2fr 2fr 3fr;
grid-template-rows: auto;
grid-template-areas:
"left main main right"
"left main main right"
". main main .";
justify-items: center;
}
</style>
</head> </head>
<body> <center> <body> <center>
<h1 class='title'>Tohle je přepadení</h1> <div class='container'>
<div class='main'>
<h1 class='title' style='font-size:44px'>Tohle je přepadení</h1>
<p class='text'>"<i>Proč jsme takový vemena Matúši?</i>"</p> <p class='text'>"<i>Proč jsme takový vemena Matúši?</i>"</p>
<h2>Kontakt</h2> <h2 class='subtitle'>Kontakt</h2>
<p class='contact'> <p class='text'>
Osobní mail: matus1@pull.cz<br> Osobní mail: matus1@pull.cz<br>
Discord: the_matuush<br> Discord: the_matuush<br>
Github: <a href='https://github.com/matuush'>Matuush</a> Github: <a href='https://github.com/matuush'>Matuush</a>
</p> </p>
<h2> <h2>
</main>
</div>
<img src='karinka.jpg' class='left'> </img>
<img src='puficek.jpg' class='right'> </img>
</center></body> </center></body>
</html> </html>

BIN
karinka.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
puficek.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 46 KiB