Skip to content

Commit df5bb2e

Browse files
committed
modified: css/exercises/index.html
modified: css/exercises/styles.css
1 parent f204e1b commit df5bb2e

File tree

2 files changed

+44
-20
lines changed

2 files changed

+44
-20
lines changed

css/exercises/index.html

Lines changed: 28 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,31 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width">
6-
<title>CSS Exercises</title>
7-
<link href="styles.css" rel="stylesheet" type="text/css" />
8-
</head>
9-
<body>
10-
<script src="script.js"></script>
11-
<!-- You do not need to do anything with script.js right now! Later, we will learn how to add JavaScript to websites! --->
12-
<h1>My Very Cool Web Page</h1>
13-
<h2>Why this Website is Very Cool</h2>
14-
<ol>
15-
<li>I made it!</li>
16-
<li>This website is colorful!</li>
17-
</ol>
18-
<h2 id="cool-text">Why I love Web Development</h2>
19-
<p>Web Development is a very cool skill that I love learning!</p>
20-
<p>I love making websites because all I have to do is reload the page to see the changes I have made!</p>
21-
</body>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta
6+
name="viewport"
7+
content="width=device-width" />
8+
<title>CSS Exercises</title>
9+
<link
10+
href="styles.css"
11+
rel="stylesheet"
12+
type="text/css" />
13+
</head>
14+
<body>
15+
<script src="script.js"></script>
16+
<!-- You do not need to do anything with script.js right now! Later, we will learn how to add JavaScript to websites! --->
17+
<h1 class="center">My Very Cool Web Page</h1>
18+
<h2 class="center">Why this Website is Very Cool</h2>
19+
<ol id="list-color">
20+
<li>I made it!</li>
21+
<li>This website is colorful!</li>
22+
</ol>
23+
<h2
24+
class="center"
25+
id="cool-text">
26+
Why I love Web Development
27+
</h2>
28+
<p>Web Development is a very cool skill that I love learning!</p>
29+
<p>I love making websites because all I have to do is reload the page to see the changes I have made!</p>
30+
</body>
2231
</html>

css/exercises/styles.css

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,16 @@
1-
/* Start adding your styling below! */
1+
/* Start adding your styling below! */
2+
body {
3+
background-color: yellow;
4+
}
5+
6+
h1 {
7+
font-size: 36;
8+
}
9+
10+
.center {
11+
text-align: center;
12+
}
13+
14+
#list-color {
15+
color: blueviolet;
16+
}

0 commit comments

Comments
 (0)