More format changes

src/components/ResumeSkills.tsx

@@ -63,18 +63,21 @@ export default function ResumeSkills({ skills }: ResumeSkillsProps) {
   };
 
   return (
-    <div id="skills-section" class="grid grid-cols-1 md:grid-cols-2 gap-3 sm:gap-4">
+    <div id="skills-section" class="space-y-3 sm:space-y-4">
       {skills.map((skill) => {
         const currentLevel = animatedLevels.value[skill.id] || 0;
         const progressValue = currentLevel * 20;
 
         return (
-          <div key={skill.id}>
-            <div class="flex justify-between items-center p-1 sm:p-2">
-              <span class="text-sm sm:text-base font-medium">
+          <div key={skill.id} class="p-1 sm:p-2">
+            <div class="flex justify-between items-center mb-2">
+              <span
+                class="text-sm sm:text-base font-medium truncate pr-2 min-w-0 flex-1"
+                title={skill.name}
+              >
                 {skill.name}
               </span>
-              <span class="text-xs sm:text-sm text-base-content/70">
+              <span class="text-xs sm:text-sm text-base-content/70 whitespace-nowrap">
                 {Math.round(currentLevel)}/5
               </span>
             </div>

src/config/data.ts

@@ -88,7 +88,7 @@ export const resumeConfig: ResumeConfig = {
       enabled: true,
     },
     skills: {
-      title: "Technical Skills",
+      title: "Skills",
       enabled: true,
     },
     volunteer: {
@@ -97,7 +97,7 @@ export const resumeConfig: ResumeConfig = {
     },
 
     awards: {
-      title: "Awards & Recognition",
+      title: "Awards",
       enabled: true,
     },
   },