Added a like button, with absolute positioning, relative to the body.

Author: mirmak4

starter/03-CSS-Fundamentals/index.html

@@ -54,6 +54,8 @@ <h2>The Basic Language of the Web: HTML</h2>
                         height="200"
                         class="post-image"
                     />
+
+                    <button class="like-button">❤ Like</button>
                 </header>
 
                 <p>

starter/03-CSS-Fundamentals/style.css

@@ -9,13 +9,15 @@ body {
     color: #444;
     font-family: sans-serif;
     border-top: 10px solid #1098ad;
+    position: relative;
 }
 
 .container {
     width: 800px;
     /* margin-left: auto;
     margin-right: auto; */
     margin: 0 auto;
+    /* position: relative; */
 }
 
 .main-header {
@@ -35,6 +37,7 @@ nav {
 
 .post-header {
     margin-bottom: 40px;
+    /* position: relative; */
 }
 
 article {
@@ -216,6 +219,18 @@ nav a:link:last-child {
     margin-right: 0;
 }
 
+.like-button {
+    font-size: 22px;
+    padding: 20px;
+    cursor: pointer;
+
+    position: absolute;
+    /* top: 50px;
+    left: 50px; */
+    bottom: 50px;
+    right: 50px;
+}
+
 /*  Resolving conflicts  */
 #copyright {
     color: yellow;