Added dimensions for the main header and post image elements, using both pixels and percentages.

Author: mirmak4

starter/03-CSS-Fundamentals/index.html

@@ -37,6 +37,7 @@ <h2>The Basic Language of the Web: HTML</h2>
                     alt="Headshot of Laura Jones"
                     height="50"
                     width="50"
+                    class="author-image"
                 />
 
                 <!--  using ids is not a good practice  -->
@@ -50,6 +51,7 @@ <h2>The Basic Language of the Web: HTML</h2>
                     alt="HTML code on a screen"
                     width="500"
                     height="200"
+                    class="post-image"
                 />
             </header>
 

starter/03-CSS-Fundamentals/style.css

@@ -18,6 +18,7 @@ body {
     padding-right: 40px; */
     padding: 20px 40px;
     margin-bottom: 60px;
+    height: 80px;
 }
 
 /*  Inheritance example  */
@@ -38,6 +39,7 @@ aside {
     border-top: 5px solid #1098ad;
     border-bottom: 5px solid #1098ad;
     padding: 50px 0;
+    width: 500px;
 }
 
 h1,
@@ -178,6 +180,12 @@ a:active {
     font-style: italic;
 }
 
+/* Image styling */
+.post-image {
+    width: 100%;
+    height: auto;
+}
+
 /*  Resolving conflicts  */
 #copyright {
     color: yellow;