Overlapping Project post cards

[xenomancy]

Description

On the projects page, the project cards tend to overlap due to insufficient padding or spacing between them. This makes navigation and visibility difficult. Adding appropriate padding or margins between the cards will enhance the layout and ensure responsiveness.

Steps to Reproduce

To reproduce the issue of overlapping project cards:

1. Open the webpage with project cards.

2. Reduce the browser window size to trigger responsive design issues.

3. Observe that the cards overlap due to insufficient padding or spacing.

4. Inspect the CSS to verify the missing or inadequate grid/flexbox layout.

This will demonstrate the cause of the overlap issue.

Expected Behavior

Responsive grid layout.

Actual Behavior

Cards overlapping visually.

Screenshots

Additional Information

please assign me this task

What browser are you seeing the problem on?

• [ ] Firefox
• [X] Chrome
• [ ] Safari
• [X] Microsoft Edge

Checklist

• [X] I have checked the existing issues
• [X] I have read the Contributing Guidelines
• [X] I want to work on this issue. (optional)

[github-actions[bot]]

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

[vivekvardhan2810]

as the project page is updating slowly, we will look for overlapping issue later.

so i am closing this issue.

Please Understand.