Enhancement of Gallery Section

[Aritra203]

This pull request introduces responsive design enhancements to the Gallery component in app/Gallery/page.tsx. The changes dynamically adjust image dimensions, margins, and layout based on screen size, improving the user experience across devices. Additionally, it includes new functionality for touch interactions on mobile devices.

Responsive Design Enhancements:

• Introduced a getImageWidth function to calculate image width and margin dynamically based on screen size, replacing the static IMAGE_WIDTH constant.
• Updated image dimensions (width and height) and margins (mx-*) to adapt to different screen sizes, ensuring proper scaling and alignment.
• Adjusted sizes attribute in the Image component for better responsive image loading.
• Modified layout and typography styles (e.g., text-3xl, px-*, max-w-*) to improve responsiveness and readability on smaller screens.

Mobile Interaction Improvements:

• Added a handleTouch function to pause and focus images on tap, resuming animation after 2 seconds.
• Enabled onTouchStart event for images to trigger the handleTouch functionality, enhancing mobile usability.

[vercel]

@Aritra203 is attempting to deploy a commit to the codingjunction's projects Team on Vercel.

A member of the Team first needs to authorize it.

[netlify]

✅ Deploy Preview for coding-junctionuit ready!

Name	Link
🔨 Latest commit	176f30f
🔍 Latest deploy log	https://app.netlify.com/projects/coding-junctionuit/deploys/68359199e2b0050008068517
😎 Deploy Preview	https://deploy-preview-9--coding-junctionuit.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.