diff --git a/assets/css/blog/featured.css b/assets/css/blog/featured.css
index 35cc5015..c4d12ac5 100644
--- a/assets/css/blog/featured.css
+++ b/assets/css/blog/featured.css
@@ -42,3 +42,23 @@
     margin-top: 20px;
     margin-left: 20px;
 }
+
+@media (max-width: 767px) {
+    .flex.items-center {
+        display: block;
+        text-align: center;
+        justify-content: center;
+    }
+
+    .flex.items-center > span {
+        max-width: calc(50% - 0.75rem);
+        display: inline-block;
+        margin-right: 0.5rem;
+        margin-bottom: 0.5rem;
+    }
+
+    .flex.items-center > span:nth-child(3) {
+        max-width: 100%;
+        margin-right: 0;
+    }
+}
diff --git a/partials/featured.hbs b/partials/featured.hbs
index 921b87a2..1320f4f6 100644
--- a/partials/featured.hbs
+++ b/partials/featured.hbs
@@ -29,13 +29,14 @@
                                         </div>
                                     {{/if}}
                                     <div class="slide-details">
-                                        <div>
+                                        <div class="flex items-center" style="justify-content: {{#has number="2,3,4,8,11"}}flex-start{{else}}center{{/has}}">
                                             {{#foreach tags from="1"}}
-                                            <span class="text-xl inline-flex items-center font-bold 
-                                                                            leading-sm px-4 py-2 my-1 rounded-full 
-                                                                            bg-brand-light text-gray-800 tag-element">
-                                                <a class="post-tag post-tag-{{slug}}" href="{{url}}">{{name}}</a>
-                                            </span>
+                                                <span class="text-xl inline-flex items-center font-bold 
+                                                            leading-sm px-4 py-2 my-1 rounded-full 
+                                                            bg-brand-light text-gray-800 tag-element text-center 
+                                                            {{#unless @last}}mr-2{{/unless}}">
+                                                    <a class="post-tag post-tag-{{slug}}" href="{{url}}">{{name}}</a>
+                                                </span>
                                             {{/foreach}}
                                         </div>
                                         <h3 class="post-title">{{title}}</h3>
@@ -48,7 +49,6 @@
                     </div>
                 </div>
             </div>
-            
         </section>
     {{/if}}
 {{/get}}