Pseudo-elements

Author: avatarsin

starter/03-CSS-Fundamentals/index.html

@@ -49,6 +49,7 @@ <h2>The Basic Language of the Web: HTML</h2>
             height="200"
             class="post-img"
           />
+          <button>💖Like</button>
         </header>
 
         <p>

starter/03-CSS-Fundamentals/style.css

@@ -9,11 +9,13 @@ body {
   color: #444;
   font-family: sans-serif;
   border-top: 10px solid #1098ad;
+  position: relative;
 }
 
 .container {
   width: 700px;
   margin: 0 auto;
+  position: relative;
 }
 .main-header {
   background-color: #f7f7f7;
@@ -186,6 +188,15 @@ nav a:link {
 nav a:link:last-child {
   margin-right: 0;
 }
+
+button {
+  font-size: 22px;
+  padding: 20px;
+  cursor: pointer;
+  position: absolute;
+  bottom: 50px;
+  right: 50px;
+}
 /* Resolving conflicts */
 
 /* #copyright {