finished exercises class 13

darrenoday · darrenoday · commit f5058f060ebd · 2024-02-21T20:53:44.000-06:00
diff --git a/css/exercises/index.html b/css/exercises/index.html
@@ -1,6 +1,27 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <style>
+      body {
+        background-color: yellow;
+        .center-aligned{text-align: center;}
+
+        p {
+          color:green
+        }
+        h1 {
+    font-size: 36px;
+        } 
+        #cool-text {
+          color: blue
+        }
+        #list-items{
+          color:orangered
+        }
+
+
+      }
+    </style>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width">
     <title>CSS Exercises</title>
@@ -9,13 +30,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-aligned">My Very Cool Web Page</h1>
+    <h2 class = "center-aligned">Why this Website is Very Cool</h2>
+    <ol id = "list-items">
       <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-aligned" 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,4 @@
 /* Start adding your styling below! */ 
+body {
+    background-color: yellow;
+}

-Original file line number
+Diff line change
@@ @@ -1 +1,4 @@ @@
 /* Start adding your styling below! */
 +body {
 +    background-color: yellow;
 +}