QR Code Component

Please log in to post a comment
Log in with GitHubCommunity feedback
- @Mayen007
Hey Kanashii! Great job so far—you’re making fantastic progress! Here are a few observations and suggestions to help refine your project further:
Repository Access
I noticed that I don’t currently have access to your repository. Sharing the repository or hosting a live preview would make it easier to review your code and provide more specific feedback. Consider sharing a GitHub link or deploying your project to a platform like GitHub Pages, Netlify, or Vercel for better accessibility.
Responsiveness Issues
I observed that your card layout isn’t fully responsive on screens 375px wide and below. This might be because the container’s width is fixed or not adaptive enough. To improve this, try setting the container’s width using percentages or a max-width with relative units like em or rem. Here's an example:
.container { width: 90%; /* Allows for flexibility */ max-width: 400px; /* Ensures it doesn’t grow too large */ margin: 0 auto; /* Centers the container */ }
Additionally, verify that any padding or margin doesn’t add unnecessary width beyond the viewport. Utilizing CSS properties like box-sizing: border-box can help ensure your layout calculations are accurate.
Great work so far, Kanashii—your efforts really show! Let me know if you update the repository or need help with anything specific. Happy coding! 😊
Marked as helpful
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord