ZEviod/open-source-mern
Improve responsive layout or spacing in a component's CSS
Aperta
#19 aperta il 6 ott 2025
enhancementfront-endgood first issuehacktoberfest
Metriche repository
- Star
- (10 stelle)
- Metriche merge PR
- (Metriche PR in attesa)
Descrizione
Make a small improvement to the CSS of a component.
Examples: spacing fix, text alignment, mobile responsiveness, etc.
Relevant files:
src/components/*.csssrc/index.css
🔧 What To Do
- Run the app locally (
npm start). - Inspect a component visually (e.g., Navbar, Footer, About).
- Apply a CSS tweak: adjust padding, fix alignment, or add a responsive media query.
- Submit a PR with a brief explanation of your change.
✅ Acceptance Criteria
- Clear visual improvement on at least one screen size.
- Change is scoped to CSS (with minimal markup change if necessary).
🧑🎓 Why This is Good for Beginners
- Helps you get used to the local development flow.
- Encourages testing visual changes and thinking in responsive design.
💡 Helpful Notes
- Include before/after screenshots in your PR when possible.
- Use browser devtools to simulate different device sizes.