relative text size

This commit is contained in:
Matuush 2024-02-07 21:00:21 +01:00
parent 610a62b0d7
commit 27a95425c7

View file

@ -3,28 +3,22 @@
<head> <head>
<title> Deez nuts </title> <title> Deez nuts </title>
<style> <style>
.text { .title {
font-size: 24px;
color: black; color: black;
font-size: 400%;
} }
.subtitle { .subtitle {
font-size: 36px; color: black;
font-size: 300%;
} }
.main { .text {
grid-area: main; color: black;
} font-size: 200%;
.left {
grid-area: left;
object-fit: cover;
}
.right {
grid-area: right;
object-fit: cover;
}
.down {
grid-area: down;
object-fit: cover;
} }
.main {grid-area: main;}
.left {grid-area: left;}
.right {grid-area: right;}
.down {grid-area: down;}
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -46,7 +40,7 @@ img {
<body> <center> <body> <center>
<div class='container'> <div class='container'>
<div class='main'> <div class='main'>
<h1 class='title' style='font-size:44px'>Tohle je přepadení</h1> <h1 class='title'>Tohle je přepadení</h1>
<p class='text'> <p class='text'>
"<i>Proč jsme takový vemena Matúši?</i>"<br> "<i>Proč jsme takový vemena Matúši?</i>"<br>
- Kačka - Kačka