M css/blog.css → css/blog.css

@@ -34,23 +34,22 @@ padding-left: 30px;
     width: 60%;
 }
 .bcontent h1{
-    font-size: 36px;
+    font-size: 2.3rem;
 }
 
 .post-labels{
     display:flex;
-    width: 50%;
+    flex-wrap: wrap;
+    max-width: 50%;
+    margin-left: -0.4rem;
 }
 
 .post-label{
-    background-color: #aaaaaa;
+    background-color: #bbb;
     border-radius: 0.4rem;
     padding: 0.2rem 1rem;
     font-size: 0.8rem;
-}
-
-.post-label:not(:first-child){
-    margin-left: 0.8rem;
+    margin: 0.2rem 0.4rem;
 }
 
 ul.posts{
@@ -71,7 +70,7 @@ 
 .post-text{
     margin-top: 20px;
     font-family: Roboto, Sans-serif;
-    font-size: 18px;
+    font-size: 1.2rem;
 }
 
 .post-text p{

M post.html → post.html

@@ -33,7 +33,12 @@ <h1>Post title goes here </h1>
       <p class="post-date">Januaray 19, 2019</p>
       <div class="post-labels">
         <div class=post-label>Linux</div>
+        <div class=post-label>Tag1</div>
+        <div class=post-label>Tag2</div>
+        <div class=post-label>Tag3</div>
+        <div class=post-label>Tag4</div>
         <div class=post-label>InfoSec</div>
+        <div class=post-label>A really long tag name</div>
       </div>
       <div class="post-text">
         <h1>This is heading1</h1>