Added some ids and classes to some html elements, in order to style them without using descendants.

Author: mirmak4

starter/03-CSS-Fundamentals/index.html

@@ -38,7 +38,8 @@ <h2>The Basic Language of the Web: HTML</h2>
                     width="50"
                 />
 
-                <p>
+                <!--  using ids is not a good practice  -->
+                <p id="author">
                     Posted by <strong>Laura Jones</strong> on Monday, June 21st
                     2027
                 </p>
@@ -116,7 +117,7 @@ <h3>Why should you learn HTML?</h3>
         <aside>
             <h4>Related posts</h4>
 
-            <ul>
+            <ul class="related">
                 <li>
                     <img
                         src="img/related-1.jpg"
@@ -125,7 +126,7 @@ <h4>Related posts</h4>
                         width="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
@@ -135,7 +136,7 @@ <h4>Related posts</h4>
                         heigth="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
@@ -145,13 +146,14 @@ <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>
+            <!--  using ids is not a good practice  -->
+            <p id="copyright">Copyright &copy; 2027 by The Code Magazine.</p>
         </footer>
     </body>
 </html>

starter/03-CSS-Fundamentals/style.css

@@ -42,11 +42,29 @@ li {
 }
 
 /* css descendants are actually a bad practice */
-footer p {
+/* footer p {
     font-size: 16px;
-}
+} */
 
 /* css descendants are actually a bad practice */
-article header p {
+/* article header p {
+    font-style: italic;
+} */
+
+#author {
     font-style: italic;
+    font-size: 18px;
+}
+
+#copyright {
+    font-size: 16px;
+}
+
+.related-author {
+    font-size: 18px;
+    font-weight: bold;
+}
+
+.related {
+    list-style: none;
 }