fix responsive issue

floraorg · Dec 4, 2024 · f738fe7 · f738fe7
1 parent 24c885e
commit f738fe7
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Projects.tsx b/src/components/Projects.tsx
@@ -1,6 +1,6 @@
 export default function Projects() {
   return <div class="w-full my-8 flex-wrap flex justify-start">
-    <div class="div w-full md:w-1/2 pr-2">
+    <div class="div w-full md:w-1/2 pb-2 pr-0 md:pb-0 md:pr-2">
       <div class="w-full flex flex-col group">
       <img src="https://i.imgur.com/abJGvtz.png" alt="" class="w-full h-[18rem] object-cover opacity-60 group-hover:opacity-100 transition"/>
       <div class="p-4 bg-neutral-950">
@@ -11,7 +11,7 @@ export default function Projects() {
       </div>
       </div>
     </div>
-    <div class="div w-full md:w-1/2 pl-2">
+    <div class="div w-full md:w-1/2 pt-2 md:pt-0 pl-0 md:pl-2">
       <div class="w-full group flex flex-col">
         <img src="https://i.imgur.com/AtDcSFO.png" class="w-full opacity-60 group-hover:opacity-100 transition h-[18rem] object-cover" alt=""/>
       <div class="p-4 bg-neutral-950">