added space between title and key

WeMakeDevs · Aug 15, 2023 · 7b7ea4d · 7b7ea4d
1 parent 1237f95
commit 7b7ea4d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/PageComp/SingleCoursePage/Syllabus.jsx b/src/components/PageComp/SingleCoursePage/Syllabus.jsx
@@ -18,7 +18,11 @@ const Syllabus = ({ content }) => {
                 'before:h2 before:mb-2 before:inline-flex before:aspect-square before:h-12 before:items-center before:justify-center before:rounded-md before:bg-primary/30  before:text-content before:content-[attr(data-index)]'
               )}
             >
-              <UnstyledLink className='h3' key={s.title} href={s.videoLink}>
+              <UnstyledLink
+                className='h3 devopsSyllabus'
+                key={s.title}
+                href={s.videoLink}
+              >
                 {s.title}
               </UnstyledLink>
               <p className='mt-2'>{s.description}</p>

diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
@@ -66,6 +66,9 @@ html {
   .h3 {
     @apply font-sans text-lg font-semibold text-content md:text-xl;
   }
+  .devopsSyllabus {
+    padding-left: 12px;
+  }
   h4,
   .h4 {
     @apply font-sans text-base font-semibold text-content md:text-lg;