Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
Able to implement semantic HTML which is a best practice in terms of web development.
What challenges did you encounter, and how did you overcome them?Not really, just practicing and implementing.
Community feedback
- @Mateogr03Posted 4 months ago
-
Does the solution include semantic HTML?
- Yes, the solution includes semantic HTML. Tags such as
<header>
,<main>
, and<footer>
are used, providing a clear and meaningful structure to the content.
- Yes, the solution includes semantic HTML. Tags such as
-
Is it accessible, and what improvements could be made?
- The solution is accessible with appropriate use of alt text for images and HTML5 elements. Improvements could include ensuring all interactive elements are fully keyboard accessible and adding ARIA roles where necessary.
-
Does the layout look good on a range of screen sizes?
- Yes, the layout is responsive and adapts well to various screen sizes, providing a good user experience on mobile, tablet, and desktop devices.
-
Is the code well-structured, readable, and reusable?
- The code is well-structured, following good practices in class naming and CSS organization. It is readable and modular, making it reusable for other similar projects.
-
Does the solution differ considerably from the design?
- The solution closely follows the provided design, with minor deviations in styling that do not significantly impact the overall look and feel.
Marked as helpful1 -
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