fix projects showcase

src/components/ProjectShow.vue

@@ -24,7 +24,8 @@ watch(() => props.progress, (progress) => {
 
 <template>
   <div class="grid min-h-screen w-full grid-cols-1 lg:grid-cols-2 opacity-container">
-    <div class="flex h-[30vh] flex-col pl-44 pr-44 justify-center text-3xl lg:h-auto lg:text-3xl transform-container">
+    <div class="flex h-[30vh] flex-col px-10 sm:px-20 lg:px-44 justify-center text-3xl lg:h-auto lg:text-3xl
+    transform-container">
       <div class="leading-10 text-white">
         <p class="text-2xl font-medium md:text-3xl xl:text-4xl text-gray-500"> {{ props.title}}</p>
         <p class="text-2xl font-bold md:text-3xl xl:text-4xl text-white pb-8"> {{ props.application}}</p>