/
CSS-Grid-in-7-minutes.html
46 lines (35 loc) · 1.59 KB
/
CSS-Grid-in-7-minutes.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!-- Topic: https://athena.socialhackersacademy.org/topic/grid/ -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS Grid in 7 Minutes</title>
<style>
.container {}
#one {
color: blue;
}
#two {
color: red;
}
#three {
color: green;
}
#four {
color: black;
}
</style>
</head>
<body>
<div class="container">
<p id="one">Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime, provident odio, quam obcaecati magni sapiente eos voluptatibus adipisci fugit blanditiis.</p>
<p id="two">Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime, provident odio, quam obcaecati magni sapiente eos voluptatibus adipisci fugit blanditiis. Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime, provident odio, quam obcaecati
magni sapiente eos voluptatibus adipisci fugit blanditiis.</p>
<p id="three">Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime, provident odio, quam obcaecati magni sapiente eos voluptatibus adipisci fugit blanditiis.</p>
<p id="four">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum accusamus, architecto ipsa eligendi modi facere illum, provident blanditiis perferendis expedita qui dignissimos voluptatibus eum adipisci, ipsam nulla? Exercitationem, perspiciatis
deserunt?
</p>
</div>
</body>
</html>