├── index.html
└── src
├── assets
└── hero-img.png
└── css
└── style.css
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Media Query
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/src/assets/hero-img.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/masud-pervez/raw-html-css/59f0bbe91185074bf1b5e96e0680170afd954436/src/assets/hero-img.png
--------------------------------------------------------------------------------
/src/css/style.css:
--------------------------------------------------------------------------------
1 | * {
2 | margin: 0;
3 | padding: 0;
4 | box-sizing: border-box;
5 | }
6 |
7 | :root {
8 | --primary: #47b2e4;
9 | --primary-active: #0ea8ef;
10 | --gray: rgba(255, 255, 255, 0.6);
11 | --light: #fff;
12 | --bg-color: #37517e;
13 | }
14 |
15 | a {
16 | text-decoration: none;
17 | color: var(--light);
18 | }
19 |
20 |
21 |
22 |
23 | a:hover {
24 | color: var(--primary);
25 | }
26 |
27 |
--------------------------------------------------------------------------------