Refactor Skills component layout for improved responsiveness and readability

src/components/Skills.astro

@@ -14,9 +14,9 @@ interface SkillProps {
     <h3 class="text-3xl font-bold text-white text-center mb-10">
         Habilidades
     </h3>
-    <div class="flex items-center justify-between flex-wrap gap-6">
+    <div class="flex flex-wrap gap-6 justify-center md:justify-start">
     {skills.map((skill:SkillProps) => (
-        <div class="flex flex-col items-center justify-center p-6 text-center">
+        <div class="flex flex-col items-center justify-center w-24 md:w-28 p-6">
         <div class="relative group">
             <!-- Icono -->
             <Icon