Skip to content

Commit cce37cd

Browse files
thatblindgeyethatblindgeye
authored
Merge pull request TheOdinProject#125 from ZebraMilk/main
TheOdinProject/css-exercises/foundations: add indent to the <body> and <head> tags within <html> for readability
2 parents 501cac6 + 73a0b5e commit cce37cd

File tree

36 files changed

+853
-852
lines changed

36 files changed

+853
-852
lines changed

‎flex/01-flex-center/index.html

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>CENTER THIS DIV</title>
8-
<link rel="stylesheet" href="style.css">
9-
</head>
10-
<body>
11-
<div class="container">
12-
<div class="box">center this div</div>
13-
</div>
14-
</body>
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>CENTER THIS DIV</title>
8+
<link rel="stylesheet" href="style.css">
9+
</head>
10+
<body>
11+
<div class="container">
12+
<div class="box">center this div</div>
13+
</div>
14+
</body>
1515
</html>

‎flex/01-flex-center/solution/solution.html

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>CENTER THIS DIV</title>
8-
<link rel="stylesheet" href="solution.css">
9-
</head>
10-
<body>
11-
<div class="container">
12-
<div class="box">center this div</div>
13-
</div>
14-
</body>
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>CENTER THIS DIV</title>
8+
<link rel="stylesheet" href="solution.css">
9+
</head>
10+
<body>
11+
<div class="container">
12+
<div class="box">center this div</div>
13+
</div>
14+
</body>
1515
</html>

‎flex/02-flex-header/index.html

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,29 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Flex Header</title>
8-
<link rel="stylesheet" href="style.css">
9-
</head>
10-
<body>
11-
<div class="header">
12-
<div class="left-links">
13-
<ul>
14-
<li><a href="#">ONE</a></li>
15-
<li><a href="#">TWO</a></li>
16-
<li><a href="#">THREE</a></li>
17-
</ul>
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Flex Header</title>
8+
<link rel="stylesheet" href="style.css">
9+
</head>
10+
<body>
11+
<div class="header">
12+
<div class="left-links">
13+
<ul>
14+
<li><a href="#">ONE</a></li>
15+
<li><a href="#">TWO</a></li>
16+
<li><a href="#">THREE</a></li>
17+
</ul>
18+
</div>
19+
<div class="logo">LOGO</div>
20+
<div class="right-links">
21+
<ul>
22+
<li><a href="#">FOUR</a></li>
23+
<li><a href="#">FIVE</a></li>
24+
<li><a href="#">SIX</a></li>
25+
</ul>
26+
</div>
1827
</div>
19-
<div class="logo">LOGO</div>
20-
<div class="right-links">
21-
<ul>
22-
<li><a href="#">FOUR</a></li>
23-
<li><a href="#">FIVE</a></li>
24-
<li><a href="#">SIX</a></li>
25-
</ul>
26-
</div>
27-
</div>
28-
</body>
28+
</body>
2929
</html>

‎flex/02-flex-header/solution/solution.html

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,29 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Flex Header</title>
8-
<link rel="stylesheet" href="solution.css">
9-
</head>
10-
<body>
11-
<div class="header">
12-
<div class="left-links">
13-
<ul>
14-
<li><a href="#">ONE</a></li>
15-
<li><a href="#">TWO</a></li>
16-
<li><a href="#">THREE</a></li>
17-
</ul>
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Flex Header</title>
8+
<link rel="stylesheet" href="solution.css">
9+
</head>
10+
<body>
11+
<div class="header">
12+
<div class="left-links">
13+
<ul>
14+
<li><a href="#">ONE</a></li>
15+
<li><a href="#">TWO</a></li>
16+
<li><a href="#">THREE</a></li>
17+
</ul>
18+
</div>
19+
<div class="logo">LOGO</div>
20+
<div class="right-links">
21+
<ul>
22+
<li><a href="#">FOUR</a></li>
23+
<li><a href="#">FIVE</a></li>
24+
<li><a href="#">SIX</a></li>
25+
</ul>
26+
</div>
1827
</div>
19-
<div class="logo">LOGO</div>
20-
<div class="right-links">
21-
<ul>
22-
<li><a href="#">FOUR</a></li>
23-
<li><a href="#">FIVE</a></li>
24-
<li><a href="#">SIX</a></li>
25-
</ul>
26-
</div>
27-
</div>
28-
</body>
28+
</body>
2929
</html>

‎flex/03-flex-header-2/index.html

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,26 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Flex Header 2</title>
8-
<link rel="stylesheet" href="style.css">
9-
</head>
10-
<body>
11-
<div class="header">
12-
<div class="logo">
13-
LOGO
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Flex Header 2</title>
8+
<link rel="stylesheet" href="style.css">
9+
</head>
10+
<body>
11+
<div class="header">
12+
<div class="logo">
13+
LOGO
14+
</div>
15+
<ul class="links">
16+
<li><a href="google.com">link-one</a></li>
17+
<li><a href="google.com">link-two</a></li>
18+
<li><a href="google.com">link-three</a></li>
19+
</ul>
20+
<button class="notifications">
21+
1 new notification
22+
</button>
23+
<div class="profile-image"></div>
1424
</div>
15-
<ul class="links">
16-
<li><a href="google.com">link-one</a></li>
17-
<li><a href="google.com">link-two</a></li>
18-
<li><a href="google.com">link-three</a></li>
19-
</ul>
20-
<button class="notifications">
21-
1 new notification
22-
</button>
23-
<div class="profile-image"></div>
24-
</div>
25-
</body>
25+
</body>
2626
</html>

‎flex/03-flex-header-2/solution/solution.html

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,30 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Flex Header 2</title>
8-
<link rel="stylesheet" href="solution.css">
9-
</head>
10-
<body>
11-
<div class="header">
12-
<div class="left">
13-
<div class="logo">
14-
LOGO
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Flex Header 2</title>
8+
<link rel="stylesheet" href="solution.css">
9+
</head>
10+
<body>
11+
<div class="header">
12+
<div class="left">
13+
<div class="logo">
14+
LOGO
15+
</div>
16+
<ul class="links">
17+
<li><a href="google.com">link-one</a></li>
18+
<li><a href="google.com">link-two</a></li>
19+
<li><a href="google.com">link-three</a></li>
20+
</ul>
21+
</div>
22+
<div class="right">
23+
<button class="notifications">
24+
1 new notification
25+
</button>
26+
<div class="profile-image"></div>
1527
</div>
16-
<ul class="links">
17-
<li><a href="google.com">link-one</a></li>
18-
<li><a href="google.com">link-two</a></li>
19-
<li><a href="google.com">link-three</a></li>
20-
</ul>
21-
</div>
22-
<div class="right">
23-
<button class="notifications">
24-
1 new notification
25-
</button>
26-
<div class="profile-image"></div>
2728
</div>
28-
</div>
29-
</body>
29+
</body>
3030
</html>

‎flex/04-flex-information/index.html

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,30 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Information</title>
8-
<link rel="stylesheet" href="style.css">
9-
</head>
10-
<body>
11-
<div class="title">Information!</div>
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Information</title>
8+
<link rel="stylesheet" href="style.css">
9+
</head>
10+
<body>
11+
<div class="title">Information!</div>
1212

13-
<img src="./images/barberry.png" alt="barberry">
14-
<div class="text">This is a type of plant. We love this one.</div>
13+
<img src="./images/barberry.png" alt="barberry">
14+
<div class="text">This is a type of plant. We love this one.</div>
1515

16-
<img src="./images/chilli.png" alt="chili">
17-
<div class="text">This is another type of plant. Isn't it nice</div>
16+
<img src="./images/chilli.png" alt="chili">
17+
<div class="text">This is another type of plant. Isn't it nice</div>
1818

19-
<img src="./images/pepper.png" alt="pepper">
20-
<div class="text">We have so many plants. Yay plants.</div>
19+
<img src="./images/pepper.png" alt="pepper">
20+
<div class="text">We have so many plants. Yay plants.</div>
2121

22-
<img src="./images/saffron.png" alt="saffron">
23-
<div class="text">I'm running out of things to say about plants.</div>
22+
<img src="./images/saffron.png" alt="saffron">
23+
<div class="text">I'm running out of things to say about plants.</div>
2424

25-
<!-- disregard this section, it's here to give attribution to the creator of these icons -->
26-
<div class="footer">
27-
<div>Icons made by <a href="https://www.flaticon.com/authors/icongeek26" title="Icongeek26">Icongeek26</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div>
28-
</div>
29-
</body>
25+
<!-- disregard this section, it's here to give attribution to the creator of these icons -->
26+
<div class="footer">
27+
<div>Icons made by <a href="https://www.flaticon.com/authors/icongeek26" title="Icongeek26">Icongeek26</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div>
28+
</div>
29+
</body>
3030
</html>

0 commit comments

Comments
 (0)