
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I was pretty happy with how accessible I was able to get the page. It also seems pretty close to the design. I probably would use classes rather than experimenting with just HTML tag selection for the CSS.
What challenges did you encounter, and how did you overcome them?I was a little unsure about accessible fonts and sizing, but I was able to figure it out with this article.
What specific areas of your project would you like help with?- Is my HTML semantic and properly structured? Are there any unnecessary divs or better tag choices?
- How's the organisation of my CSS? Could I improve the grouping or ordering of my styles?
- Are there any repetitive patterns in my code that could be simplified?
- Does the site work well with keyboard navigation?
- Have I used CSS variables (custom properties) where it makes sense?
- Is my use of media queries appropriate for responsive design?
- Are there any unnecessary or conflicting styles?
- Does the site look and function consistently across different browsers?
- Have I used any CSS properties that might need prefixes or fallbacks?
- Am I following current CSS and HTML best practices?
Community feedback
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