Design comparison
Solution retrospective
To be able to produce a layout similar to the project using grid layout. Using grid layout would be a better choice because there are horizontal and vertical alignments to deal with.
What challenges did you encounter, and how did you overcome them?Using grid layout is a little challenging because I'm still learning it. It took me sometime to figure out the layout but it's great to be able to do it! Also, finding the right colors is a bit difficult to me somehow?! They always look different from the project design.
What specific areas of your project would you like help with?All feedback is welcome!
Community feedback
- @Mohamed-ben-AliPosted 3 months ago
Absolutely! Your solution showcases a solid use of semantic HTML, which enhances both the accessibility and the overall structure of the content. The accessibility is well-implemented, ensuring that the site can be navigated and understood by all users, including those relying on screen readers.
The layout is responsive and looks great across a wide range of screen sizes, maintaining its integrity and usability whether viewed on a mobile device or a larger desktop screen. The code is well-structured, readable, and demonstrates good practices for reusability, which is essential for maintaining and scaling projects.
Your solution stays true to the original design, with only minor differences that enhance the user experience without deviating from the core design. Overall, you've done an excellent job, and your attention to detail is evident throughout the project!
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