Improve repository listing page responsiveness for mobile devices

[anuja12mishra]

Description

This pull request improves the responsiveness of the repository listing page to ensure a smooth and user-friendly experience across all device sizes, especially mobile devices.

Changes Made

• Updated the grid layout using Tailwind CSS responsive utility classes to dynamically adapt the number of columns for different screen sizes (from 1 column on mobile to 4 columns on large screens).
• Added appropriate padding and margin adjustments (px-4, mt-16 for mobile; larger margins for bigger screens).
• Made heading font sizes responsive to improve readability on smaller screens.
• Enhanced vertical padding for better spacing on various devices.
• Ensured the container layout prevents content overflow and cramping on narrow screens.

Motivation

The initial layout was not adjusting properly on smaller screens, resulting in overflowed text, cramped UI components, and poor usability. These changes address those issues and align with mobile-first best practices using Tailwind CSS.
close #241

[vercel]

@anuja12mishra is attempting to deploy a commit to the Max Programming's projects Team on Vercel.

A member of the Team first needs to authorize it.