fix: styles

Author: EdwardR0507

src/app/[lang]/projects/page.tsx

@@ -12,10 +12,10 @@ export default async function Projects({
 
   return (
     <>
-      <h1 className="text-3xl font-bold text-blue-500 mb-4">
+      <h1 className="text-3xl font-bold text-blue-500 lg:mb-4">
         {dictionary.PROJECTS.TITLE}
       </h1>
-      <section className="my-4 text-justify text-lg w-full">
+      <section className="my-2 lg:my-4 text-justify text-lg w-full">
         {dictionary.PROJECTS.DESCRIPTION}
         <ul className="flex flex-col gap-3 my-4 text-left">
           <li className="list-disc ml-6">

src/app/[lang]/stack/page.tsx

@@ -16,10 +16,10 @@ export default async function Stack({ params }: { params: { lang: Locale } }) {
 
   return (
     <>
-      <h1 className="text-3xl font-bold text-blue-500 mb-4">
+      <h1 className="text-3xl font-bold text-blue-500 lg:mb-4">
         {dictionary.STACK.TITLE}
       </h1>
-      <p className="my-4 text-justify text-lg w-full">
+      <p className="my-2 lg:my-4 text-justify text-lg w-full">
         {dictionary.STACK.DESCRIPTION}
       </p>
       <StackSection

src/components/organisms/personal-info-section.tsx

@@ -29,7 +29,7 @@ export const PersonalInfoSection = ({
               {dictionary.SOFT_SKILLS.LIST.map((skill) => (
                 <li
                   key={skill}
-                  className="bg-black/[0.7] px-4 py-2 text-sm tracking-wider text-white rounded-full dark:text-white/70"
+                  className="bg-black/[0.7] text-sm tracking-wider text-white rounded-full dark:text-white/70 dark:bg-white/10 flex items-center px-4 py-2"
                 >
                   {skill}
                 </li>