-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmedia querry.html
62 lines (57 loc) · 1.87 KB
/
media querry.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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Style sheet -->
<link rel="stylesheet" href="media.css" />
<title>Media Query</title>
</head>
<body>
<div class="header">
<div class="logo">
<h1>The DevNation Web Dev Class</h1>
</div>
<div class="nav">
<ul>
<li>Home</li>
<li>About</li>
<li>Contact</li>
</ul>
</div>
</div>
<div class="main-div">
<div class="main">
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illum autem, quod delectus natus dignissimos porro dicta rerum, iusto voluptate error iste animi repudiandae quas quos laudantium nobis quisquam soluta qui? Lorem ipsum dolor sit amet consectetur,
adipisicing elit. Beatae ullam, et laborum voluptatibus est corrupti! Veritatis, suscipit, veniam atque nesciunt aliquam quisquam maxime natus, exercitationem ea illo minima dignissimos. Voluptas?
</p>
</div>
<div class="aside">
<aside>
<a href="">item1</a>
<a href="">item2</a>
<a href="">item3</a>
<a href="">item4</a>
<a href="">item5</a>
<a href="">item6</a>
<a href="">item7</a>
<a href="">item8</a>
</aside>
</div>
</div>
<footer>
<div class="rights">
<p>All Rights ==> The DevNation</p>
</div>
<div class="contact">
<ul>
<li>Facebook</li>
<li>Instagram</li>
<li>LinkedIn</li>
</ul>
</div>
</footer>
</body>
</html>