relative text size
This commit is contained in:
parent
610a62b0d7
commit
27a95425c7
1 changed files with 13 additions and 19 deletions
30
index.html
30
index.html
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue