Fix skill css

Author: wiseodd

src/components/SkillLayout.astro

@@ -4,8 +4,8 @@ const { title, skills } = Astro.props;
 ---
 
 <div class='flex flex-col gap-y-2 md:flex-row md:gap-x-5 md:gap-y-0'>
-  <h3 class='w-1/5 font-semibold'>{title}</h3>
-  <div class='flex w-4/5 flex-row flex-wrap gap-x-4 gap-y-2'>
+  <h3 class='sm:w-1/5 font-semibold'>{title}</h3>
+  <div class='flex sm:w-4/5 flex-row flex-wrap gap-x-4 gap-y-2'>
     {skills.map((skill: string[]) => <Button as='button' title={skill} style='pill' />)}
   </div>
 </div>