exercises completed

s-pugh · s-pugh · commit 48fa3f20f015 · 2024-08-15T19:55:45.000-05:00
diff --git a/css/exercises/index.html b/css/exercises/index.html
@@ -9,13 +9,13 @@
   <body>
     <script src="script.js"></script>
     <!-- You do not need to do anything with script.js right now! Later, we will learn how to add JavaScript to websites! --->
-    <h1>My Very Cool Web Page</h1>
-    <h2>Why this Website is Very Cool</h2>
-    <ol>
+    <h1 class="center">My Very Cool Web Page</h1>
+    <h2 class="center">Why this Website is Very Cool</h2>
+    <ol id="list">
       <li>I made it!</li>
       <li>This website is colorful!</li>
     </ol>
-    <h2 id="cool-text">Why I love Web Development</h2>
+    <h2 class="center" id="cool-text">Why I love Web Development</h2>
     <p>Web Development is a very cool skill that I love learning!</p>
     <p>I love making websites because all I have to do is reload the page to see the changes I have made!</p>
   </body>
diff --git a/css/exercises/styles.css b/css/exercises/styles.css
@@ -1 +1,26 @@
 /* Start adding your styling below! */ 
+body{
+    background-color: yellow;
+    margin: 40; 
+    
+}
+
+p {
+    color: green;
+}
+
+h1 {
+    font-size: 36px;
+}
+
+.center {
+    text-align: center;
+}
+
+#cool-text {
+    color:blue;
+}
+
+#list {
+    color: navy;
+}
