Completed Pseudo-elements

jamesacox53 · jamesacox53 · commit 783d6e2a2868 · 2022-08-17T17:36:33.000+01:00
diff --git a/myWork/03-CSS-Fundamentals/index.html b/myWork/03-CSS-Fundamentals/index.html
@@ -9,7 +9,7 @@
   <body>
     <div class="container">
       <header class="main-header">
-        <h1 class="title-text">📘 The Code Magazine</h1>
+        <h1 class="title-text">📘The Code Magazine</h1>
 
         <nav>
           <a href="blog.html" target="_blank">Blog</a>
diff --git a/myWork/03-CSS-Fundamentals/style.css b/myWork/03-CSS-Fundamentals/style.css
@@ -142,6 +142,8 @@ strong {
 
 .article-header {
   font-size: 40px;
+
+  position: relative;
 }
 
 .product-article {
@@ -163,3 +165,21 @@ strong {
   bottom: 0;
   right: 0;
 }
+
+.title-text::first-letter {
+  font-style: normal;
+}
+
+.article-header::after {
+  content: "TOP";
+  background-color: #ffe70e;
+  font-size: 12px;
+  font-weight: bold;
+  color: black;
+
+  display: inline-block;
+  position: absolute;
+  padding: 3px 7px;
+  top: -5px;
+  right: -5px;
+}
