Design comparison
Solution retrospective
I'm proud that I even finished this project, it was the hardest project I've ever done, next time I'd learn how to create tables and properly transfer the design to other screen widths.
What challenges did you encounter, and how did you overcome them?- Lists -- I knew little about them and had to go to YouTube to remember about them
- Tables -- this is probably the hardest thing I've done, since I knew nothing about them, and I had to look at the code of other works to understand how they did it.
- Mobile screen width -- this was very difficult to implement, because I don't have any experience with this, I solved it in a shameful way, namely ChatGPT :( Plus I spent about 6 hours on the project in total, yesterday 5, and today an hour.
In this project I needed help with the bottom table, it was very complicated and I spent about 2 or 3 hours fiddling with it.
Community feedback
- @eduardolluisPosted 4 months ago
The current layout is well-structured and incorporates responsive design effectively :), with thoughtful use of colors and fonts. Ensure consistent spacing and alignment throughout the design. For instance, adjusting the padding and gap values can improve overall visual balance.
Additionally, verify the color consistency of the titles, as the current title colors do not match the intended design. Adjusting these colors to ensure they align with the design specifications will enhance visual harmony.
Lastly, check the contrast and readability of text colors, especially within .description, to ensure they provide sufficient readability across different devices and screen sizes. These refinements will contribute to a more polished and user-friendly layout.
Marked as helpful1@YokenePosted 4 months agoOkay. I'll be more attentive to the projects. Thanks for the feedback! @eduardolluis
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