From 206ae1c8b672f0ee82f43a9d9835ad989b573947 Mon Sep 17 00:00:00 2001
From: Ariful Alam <swazan.arif@gmail.com>
Date: Sat, 19 Mar 2022 20:23:56 +0600
Subject: [PATCH] Center the skill items

---
 src/components/skill/index.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/skill/index.jsx b/src/components/skill/index.jsx
index 1f2a583..888350d 100644
--- a/src/components/skill/index.jsx
+++ b/src/components/skill/index.jsx
@@ -30,13 +30,13 @@ const Skill = ({ loading }) => {
               </h5>
             </div>
             <div className="p-3 flow-root">
-              <div className="-m-1 flex flex-wrap">
+              <div className="-m-1 flex flex-wrap justify-center">
                 {loading
                   ? renderSkeleton()
                   : config.skills.map((skill, index) => (
                       <div
                         key={index}
-                        className="m-1 text-xs inline-flex items-center font-bold leading-sm uppercase px-3 py-1 badge-primary bg-opacity-75 rounded-full"
+                        className="m-1 text-xs inline-flex items-center font-bold leading-sm uppercase px-3 py-1 badge-primary opacity-75 rounded-full"
                       >
                         {skill}
                       </div>