Design comparison
Solution retrospective
asdf
What challenges did you encounter, and how did you overcome them?asdf
What specific areas of your project would you like help with?asdf
Community feedback
- @ArunsamuvelPosted 6 months ago
To evaluate the solution based on the provided criteria, I'll need to examine the HTML, CSS, and possibly JavaScript code of the solution. Please provide the code or a link to the solution. Once I have access to the code, I can give detailed feedback on semantic HTML usage, accessibility, responsiveness, code quality, and adherence to the design.
0 - @JNeo77Posted 6 months ago
Hey, there! Great job on completing the challenge!
Your solution looks great and using variables in your CSS was a great idea!
Here are some suggestions that could also help:
Instead of using a
<dev>
for your.card-container
, you could use the semantic<main>
tag to make your site more accessible.Also, a great way to make your site responsive for mobile devices is to use
@media
queries for certain screen resolutionmax-width
breakpoints. You can read up on media queries here.While this is more of a preference, I would suggest using two spaces to indent your child HTML tags instead of tabs in order to structure it better and make is more readable. Collaborators and your future self with thank you!
Over all, it looks great! Hope this helps and keep crushin' it!
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