updates css in the index.html

dwyci · dwyci · commit 6d86dba54d4f · 2024-02-22T10:11:36.000-06:00
diff --git a/css/exercises/index.html b/css/exercises/index.html
@@ -5,17 +5,44 @@
     <meta name="viewport" content="width=device-width">
     <title>CSS Exercises</title>
     <link href="style.css" rel="stylesheet" type="text/css" />
+    <style>
+      .center {
+    text-align: center;
+}
+      body{
+        background-color: yellow;
+        .center{
+          text-align: center;
+        }
+        
+        
+      }
+      p{
+        color: green;  
+      }
+      h1{
+        font-size: 36px;
+        
+      }
+      #cool-text{
+        color: blue;
+      }
+      #list-color{
+        color:purple
+      }
+
+    </style>
   </head>
-  <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-color">
       <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>
