Design comparison
Solution retrospective
Maybe next time I was more precise with padding and margin.
What challenges did you encounter, and how did you overcome them?Responsive thing was the harder one, however I overcome this by using flex.
What specific areas of your project would you like help with?Maybe I should work on responsive side.
Community feedback
- @nejidevelopsPosted 8 months ago
-
The solution effectively utilizes semantic HTML, incorporating appropriate tags such as divs and a footer tag. However, further optimization could involve minimizing the use of divs where possible to maintain semantic clarity.
-
Accessibility is well-addressed in the solution, ensuring inclusivity for all users.
-
Responsiveness is excellently implemented, with the layout seamlessly adapting to various screen sizes.
-
The code demonstrates strong structure, readability, and potential for reusability, fostering maintainability and scalability.
-
While the solution largely aligns with the design, there's a minor deviation observed in the padding of the card div. Adjusting the padding to closely match the design specifications would enhance visual consistency and alignment with the intended aesthetic.
Overall, it's a commendable effort, showcasing a solid understanding of design principles and development best practices.
Marked as helpful1@ursgolPosted 8 months ago@mohammadnewton thank you so much for your extremely helpful feedback. I will try to improve my solution. One more time, a big thanks for you :)
1@nejidevelopsPosted 8 months ago@ursgol you are welcomed. Do you mind us connecting, networking and also helping each other out as we grow
Marked as helpful1@ursgolPosted 8 months ago@mohammadnewton Sure, I am glad that you ask. Lets connect here.
0 -
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