Refactor CSS: remove duplicated responsive/modal blocks in readmeforge.css (no UI change)

[Mayur-Shashidhar]

Description

readmeforge.css currently contains duplicated responsive and modal-related style blocks, which increases stylesheet size and makes future maintenance harder.

Changes Made

• Removed duplicated responsive media query blocks.
• Removed repeated modal and preview-related styles.
• Kept a single canonical version of each style section.
• Preserved existing desktop, tablet, and mobile behavior.
• Preserved dark/light mode styling.
• Preserved modal, preview, and print flow functionality.
• No redesigns, visual changes, or feature additions.

Why This Matters

• Improves stylesheet maintainability.
• Reduces risk of inconsistent future edits.
• Makes the CSS cleaner and easier to navigate.
• Prevents accidental regressions caused by duplicated rules.

Acceptance Criteria

• Duplicate responsive and modal blocks are removed.
• UI behavior remains unchanged in both dark and light mode.
• Modal, preview panel, and print flow continue working as before.
• No layout breakage across mobile/tablet/desktop breakpoints.

GSSoC 2026

This PR is a part of the program GirlScript Summer of Code 2026.
Issue is #86

[netlify]

✅ Deploy Preview for makeareadme ready!

Name	Link
🔨 Latest commit	fdcb8ec
🔍 Latest deploy log	https://app.netlify.com/projects/makeareadme/deploys/6a06ffb4bda7f500083f12ba
😎 Deploy Preview	https://deploy-preview-102--makeareadme.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

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

[Mayur-Shashidhar]

@Mohit-368 Please review the pr and add the neccessary labels so that i can gain my points
Thank you

[Mayur-Shashidhar]

@Mohit-368 Even after complete update to React + Vite even before I put in my PR its working and no chages in UI