Skip to content

Commit 4064715

Browse files
committed
2-DR1-TP2.11
1 parent 3df0646 commit 4064715

File tree

3 files changed

+53
-0
lines changed

3 files changed

+53
-0
lines changed
590 KB
Loading
Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>DR1 - TP 2.11</title>
7+
<link rel="stylesheet" href="./style.css">
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
9+
</head>
10+
<body>
11+
<img src="assets/mountain.jpg" alt="Montanha" title="Montanha">
12+
<p><strong>Lorem ipsum</strong> dolor, sit amet consectetur adipisicing elit. Quidem porro architecto doloremque minima vitae aspernatur vel magnam quaerat eaque minus quisquam fugiat sequi debitis voluptatem consequuntur incidunt, eligendi commodi eos. Lorem ipsum dolor sit amet consectetur adipisicing elit. Id veniam magni assumenda ullam sequi! Consectetur exercitationem, quas recusandae assumenda veritatis minus accusantium harum et incidunt mollitia obcaecati est illo. Laboriosam? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae, corporis itaque unde molestiae, veniam repudiandae quod impedit possimus eum quae numquam qui sunt vel voluptas id nobis repellat illum ipsum. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum dolorem eos iste cumque inventore quasi aut fugiat quae veniam praesentium architecto vitae aliquid ipsa assumenda, quisquam sint recusandae repellendus tenetur? Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam sapiente accusamus, dicta dolor temporibus at consequatur illo nihil id iusto odit eveniet necessitatibus totam sequi est nostrum, fugiat dignissimos perferendis? Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde fugiat consequuntur soluta odio consequatur distinctio hic eum omnis suscipit, quae voluptatibus? Dolorum exercitationem assumenda voluptates labore ad distinctio dicta repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt asperiores delectus culpa voluptates libero? Sed eaque tenetur voluptatem fugit sunt possimus tempora molestias incidunt dignissimos, quod iure dolor enim libero.</p>
13+
</body>
14+
</html>
Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
5+
}
6+
7+
body {
8+
padding: 8px;
9+
10+
display: flex;
11+
flex-direction: column;
12+
gap: 16px;
13+
}
14+
15+
img {
16+
width: 100%;
17+
border-radius: 8px;
18+
}
19+
20+
p {
21+
line-height: 1.5;
22+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
23+
24+
padding-left: 2px;
25+
padding-right: 6px;
26+
}
27+
28+
@media screen and (min-width: 556px) {
29+
img {
30+
width: 330px;
31+
height: fit-content;
32+
}
33+
34+
body {
35+
flex-direction: row;
36+
37+
padding: 24px;
38+
}
39+
}

0 commit comments

Comments
 (0)