fix resource subtitile to inline block

rayatiga · Nov 2, 2023 · 1bfa886 · 1bfa886
1 parent 694faf1
commit 1bfa886
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/public/resource.html b/public/resource.html
@@ -106,7 +106,7 @@ <h1 class="fw-bold animate__animated animate__fadeInUp animate__faster">Resource
           <p class="animate__animated animate__fadeInUp animate__faster animate__delay-1s">I'm always open to discussing product design work or partnership opportunities. If you have a project that you want to get started, think you need my help with something or just fancy saying hey, then get in touch.</p>
           <!-- Section: achievement -->
           <section id="achievement" class="my-3 animate__animated animate__fadeInUp animate__delay-2s">
-            <h1 class="fs-5 p-2 bg-dark border text-white rounded mb-3"><i class="bi-award me-2"></i>Achievement</h1>
+            <h1 class="fs-5 py-2 px-3 d-inline-block bg-dark border text-white rounded mb-3"><i class="bi-award me-2"></i>Achievement</h1>
             <p>Here are some of my top certification that I use to learn and improve my skills. I hope you find them useful too.</p>
             <div class="row row-cols-1 row-cols-md-2 g-4">
               <div class="col">
@@ -177,7 +177,7 @@ <h5 class="card-title">Website on Google Cloud Certified</h5>
           </section>
           <!-- Section: uiux -->
           <section id="uiux" class="my-3 animate__animated animate__fadeInUp animate__delay-3s">
-            <h1 class="fs-5 p-2 bg-dark border text-white rounded mb-3"><i class="bi-layout-text-window-reverse me-2"></i>UI/UX Project</h1>
+            <h1 class="fs-5 py-2 px-3 d-inline-block bg-dark border text-white rounded mb-3"><i class="bi-layout-text-window-reverse me-2"></i>UI/UX Project</h1>
             <p>Here are some of my favorite UI/UX design project that I use to learn and improve my skills. I hope you find them useful too.</p>
             <div class="row row-cols-1 row-cols-md-2 g-4">
               <div class="col">
@@ -252,7 +252,7 @@ <h5 class="card-title">Velppy</h5>
           </section>
           <!-- Section: project -->
           <section id="website" class="my-3 animate__animated animate__fadeInUp animate__delay-4s">
-            <h1 class="fs-5 p-2 bg-dark border text-white rounded mb-3"><i class="bi-globe-americas me-2"></i>Website Project</h1>
+            <h1 class="fs-5 py-2 px-3 d-inline-block bg-dark border text-white rounded mb-3"><i class="bi-globe-americas me-2"></i>Website Project</h1>
             <p>Here are some of my favorite website projects that I use to learn and improve my skills. I hope you find them useful too.</p>
             <div class="row row-cols-1 row-cols-md-2 g-4">
               <div class="col">
@@ -361,7 +361,7 @@ <h5 class="card-title">Rayatiga Store</h5>
           </section>
           <!-- Section: resume -->
           <section id="resume" class="mt-3 animate__animated animate__fadeInUp animate__delay-5s">
-            <h1 class="fs-5 p-2 bg-dark border text-white rounded mb-3"><i class="bi-person-check me-2"></i>Personal Resume</h1>
+            <h1 class="fs-5 py-2 px-3 d-inline-block bg-dark border text-white rounded mb-3"><i class="bi-person-check me-2"></i>Personal Resume</h1>
             <p>Here are my personal resume that I use to describe all my experience, skills, and other information. I hope you find them useful too.</p>
             <div class="card">
               <div class="card-body p-0">