Skip to content
Submitted 5 months ago

Recipe page

Yokene•50
@Yokene
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

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?
  1. Lists -- I knew little about them and had to go to YouTube to remember about them
  2. 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.
  3. 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
    @eduardolluisPosted 5 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
    1
    Yokene•50
    @YokenePosted 5 months ago

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

    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