Design comparison
Solution retrospective
i'm really proud of this solution, i did it all by myself having in consideration all the notes of my peers.
What challenges did you encounter, and how did you overcome them?i knew it was a grid challenge, so i tried to made all the components grid-type, eventually y realized that only the big container with the cards should be grids and use flexbox in the others.
What specific areas of your project would you like help with?flexbox
Community feedback
- @deusdetenetoPosted 2 months ago
Hello!
Congratulations on your work! Your solution has evolved very well, and although there are some areas that can be improved, you’re on the right track.
I was pleased to see that you used a CSS Reset. Consider creating a separate .css file for it and importing it into the HTML—this helps with code organization, readability, and future maintenance. Additionally, it’s a good practice to include font references directly in the HTML.
Your choice of Display Grid was a great solution, but I would suggest experimenting with Display Flex to improve the responsiveness of the cards. A few adjustments to the font size and weight can also make a significant difference in the overall visual appeal.
You’ve already mastered CSS and are ready to explore frameworks that can make building future pages easier. How about trying Bootstrap or Tailwind in your next project?
If you need any help, feel free to reach out to me. Once again, congratulations on your solution!
0
Please log in to post a comment
Log in with GitHub
Join 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