Completed Class and ID Selectors

Author: jamesacox53

myWork/03-CSS-Fundamentals/index.html

@@ -28,7 +28,9 @@ <h2>The Basic Language of the Web: HTML</h2>
           width="50"
         />
 
-        <p>Posted by <strong>Laura Jones</strong> on Monday, June 21st 2027</p>
+        <p class="author">
+          Posted by <strong>Laura Jones</strong> on Monday, June 21st 2027
+        </p>
 
         <img
           src="images/post-img.jpg"
@@ -104,7 +106,7 @@ <h3>Why should you learn HTML?</h3>
 
     <aside>
       <h4>Related posts</h4>
-      <ul>
+      <ul class="related">
         <li>
           <img
             src="images/related-1.jpg"
@@ -113,7 +115,7 @@ <h4>Related posts</h4>
             height="75"
           />
           <a href="#">How to Learn Web Development</a>
-          <p>By Jonas Schmedtmann</p>
+          <p class="related-author">By Jonas Schmedtmann</p>
         </li>
         <li>
           <img
@@ -123,7 +125,7 @@ <h4>Related posts</h4>
             height="75"
           />
           <a href="#">The Unknown Powers of CSS</a>
-          <p>By Jim Dillon</p>
+          <p class="related-author">By Jim Dillon</p>
         </li>
         <li>
           <img
@@ -133,11 +135,13 @@ <h4>Related posts</h4>
             height="75"
           />
           <a href="#">Why JavaScript is Awesome</a>
-          <p>By Matilda</p>
+          <p class="related-author">By Matilda</p>
         </li>
       </ul>
     </aside>
 
-    <footer><p>Copyright &copy; 2027 by The Code Magazine.</p></footer>
+    <footer>
+      <p class="copyright">Copyright &copy; 2027 by The Code Magazine.</p>
+    </footer>
   </body>
 </html>

myWork/03-CSS-Fundamentals/style.css

@@ -36,6 +36,20 @@ li {
   font-size: 15px;
 }
 
-footer p {
+.author {
+  font-style: italic;
   font-size: 14px;
 }
+
+.copyright {
+  font-size: 14px;
+}
+
+.related-author {
+  font-size: 14px;
+  font-weight: bold;
+}
+
+.related {
+  list-style: none;
+}