UI Bug: Decorative Floating Dots Overlapping Project Cards

[nishtha-agarwal-211]

Describe the Issue

The decorative glowing dots/connector elements on the homepage are overlapping with the project cards section.

These floating UI elements appear misaligned and make the interface look cluttered and visually inconsistent.

Current Behavior

• Green glowing dots and star icons appear between/over project cards.
• Decorative elements do not align properly with the card layout.
• UI looks broken or unfinished on desktop view.

Expected Behavior

• Decorative elements should stay properly aligned within their intended section.
• They should not overlap or interfere with project cards/content.
• Layout should remain clean and visually balanced across screen sizes.

Possible Cause

• Incorrect absolute positioning
• Missing responsive constraints
• Z-index or flex/grid alignment issue

Suggested Fix

• Reposition decorative elements relative to their container
• Add responsive positioning rules
• Prevent overlap with project cards using proper spacing/z-index management

Screenshot

Attached for reference.

[github-actions]

⚠️ Important Contribution Guideline

Please do not open a Pull Request without being assigned to this issue first.

Please do not open a Pull Request without being assigned to this issue first.

How to proceed:

1. Comment on this issue to express interest
2. Wait for maintainers to assign you to the issue
3. Once assigned, you can start working on the PR
4. Include the assignment in your PR checklist

Thank you for helping us maintain a smooth workflow! 🙏

[steam-bell-92]

@nishtha-agarwal-211 That glowing circle isn't a decor but a share link is below it. Also have raised n assigned issue to reposition that share link at right bottom of project card

[nishtha-agarwal-211]

Understood, Thanks for clarification!