Design comparison
Solution retrospective
The next objective is to focus on Mobile first rather than desktop screens, it's a mobile first society. I would do this as a primary change.
What challenges did you encounter, and how did you overcome them?Responsive issues for mobile screen as the component scales, feedback for grid, or css responsive design ideas would be appreciated.
What specific areas of your project would you like help with?Responsiveness.
Community feedback
- @krinav-techPosted 19 days ago
The design is well-executed, with a clean and visually engaging layout that makes the content easy to read. The use of CSS variables is a great approach, making the code more manageable and consistent.
From my perspective, there are a few areas where small adjustments could make the design even better. For instance, adding some margin or padding at the bottom could enhance the spacing, helping avoid a cramped look at the end of the page. Additionally, using display: flex or display: grid could improve content alignment and organization. Switching from fixed units like px to responsive units like rem, em, or vw might also add flexibility, making the design more adaptive across various screen sizes.
Overall, it’s a solid design, and these tweaks could help elevate it even further.
0
Please log in to post a comment
Log in with GitHub
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