Skip to content
Submitted 6 months ago

Recipe Page

Tom•150
@BomberQLF
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 not really proud of anything because the result isn't very good.

What challenges did you encounter, and how did you overcome them?

I had trouble with the last part of the challenge where I had to create a table I suppose, but I didn't manage to make it work. I also had trouble aligning my ordered list items text because of the margin I have set on the element.

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

How to space and dots and numbers and how could I finish the last part of the exercice correctly ? ^^

Community feedback

  • João Vitor Morita•210
    @joaomoritaPosted 6 months ago

    Hey, great work! I think you're missing some semantic html, in the last part you should use the table tag. About the spacing you can use paddings to make that happen. This link it's about semantics: https://www.w3schools.com/html/html5_semantic_elements.asp

    And this one is about responsive units: https://www.w3schools.com/css/css_units.asp

    It's good take a look at flexbox concept, o love this mini game to practice: https://codingfantasy.com/games/flexboxadventure

    You can also go to the frontendmentor discord server, there people can help you out too.

    I hope this can help you. Happy coding 🙏🏻

    Marked as helpful
    0
    Tom•150
    @BomberQLFPosted 6 months ago

    Thanks for the review ! I'll check all these links and try to learn more :) @joaomorita

    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