absolute and relative positioning

Author: rahilsama

starter/03-CSS-Fundamentals/index.html

@@ -122,6 +122,7 @@ <h4>Related posts</h4>
               width="75"
               width="75"
             />
+            <button class="like-btn">❤️Like</button>
             <a href="#">How to Learn Web Development</a>
             <p class="related-authors">By Jonas Schmedtmann</p>
           </li>

starter/03-CSS-Fundamentals/style.css

@@ -5,6 +5,7 @@
 }
 
 body {
+  /* position: relative; */
   color: #444;
   font-family: sans-serif;
 
@@ -86,6 +87,7 @@ aside {
 }
 
 .container {
+  position: relative;
   width: 700px;
   /* margin-left: auto;
   margin-right: auto; */
@@ -176,3 +178,21 @@ nav {
   width: 100%;
   height: auto;
 }
+
+nav a:link {
+  padding-right: 30px;
+}
+
+.like-btn {
+  position: absolute;
+
+  font-size: 20px;
+  padding: 20px;
+  margin: 10px;
+  cursor: pointer;
+
+  /* top: 0;
+  left: 0; */
+  bottom: 0;
+  right: 0;
+}