Responsive Portfolio page

Solution retrospective
I'm most proud of how I used CSS Grid to create a fully responsive layout that looks clean and consistent across devices. I also focused on accessibility by ensuring proper heading structure and using semantic HTML. Next time, I’d consider adding animations and transitions to improve user experience and spend more time on browser testing to ensure better cross-browser consistency.
What challenges did you encounter, and how did you overcome them?One challenge I faced was aligning items within the grid on smaller screens without them overlapping. I overcame this by using minmax() and auto-fit/auto-fill with media queries, which allowed for better responsiveness. Another issue was font scaling, which I addressed by switching from fixed units to relative units like rem and em.
What specific areas of your project would you like help with?I would love feedback on how I could improve the visual hierarchy and color contrast for better readability. Also, suggestions on optimizing the layout for extremely large screens (like 4K) would be appreciated.
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@ndurante90
.
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