Submitted 3 months ago

Recipe page

Yokene• 50

@Yokene

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Recipe page

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

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.

What specific areas of your project would you like help with?

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

Eduardo De La Cruz• 230

@eduardolluis

Posted 3 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 helpful

Yokene• 50

@Yokene

Posted 3 months ago

Okay. I'll be more attentive to the projects. Thanks for the feedback! @eduardolluis

Please log in to post a comment

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