Design comparison
Solution retrospective
I’m proud of how accurately I replicated the design and ensured it’s responsive. I would focus on improving accessibility
What challenges did you encounter, and how did you overcome them?I faced challenges ensuring the design was perfectly responsive across different screen sizes, but I overcame them by using media queries effectively. Aligning and spacing the sections consistently was tricky, but I resolved it by tweaking the CSS properties. Debugging minor layout issues took effort, but I used browser developer tools to identify and fix them.
What specific areas of your project would you like help with?I might need help refining my responsive design to ensure it looks perfect on all screen sizes. Additionally, I’d appreciate tips on optimizing the CSS code for better readability and maintainability. Guidance on enhancing accessibility and ensuring the design meets industry standards would also be valuable.
Community feedback
- @Joshk7Posted 20 days ago
This looks great. I like how you added the extra border to the preparation time to give it more style. The only tip I could give that you might have done already is to build your projects with a mobile first workflow. Creating the website in a smaller screen size first might help make adding styles to media queries easier.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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