fix projects showcase

1 year ago · 1de9b9c8db
parent d4850be6cd
commit 1de9b9c8db
1 changed files with 2 additions and 1 deletions
--- a/src/components/ProjectShow.vue
+++ b/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>