Skip to content
Submitted about 1 year ago

Recipe Page build with React

react
Michel Ribbens•120
@AmanoLX
A solution to the Recipe page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

First Frontend Mentor project done. Build with React. Not sure if I can edit this later, just want to test out if all works.

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

Deploying this lol. And not sure how to add a screenshot in the README file.

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

Semantic HTML, good structure overall.

Code

Please log in to post a comment

Log in

Community feedback

  • chelsea-here•160
    @chelsea-here

    Hi there, here's my feedback.

    • First, I love how simple your code is to read. I'm learning from you here!
    • consider using <ol> for lists that need to have a specific order. I would assume you would want the cooking times to be ordered for consistency.
    • instead of using <article>, consider using section. You can find more information on HTML elements here https://developer.mozilla.org/en-US/docs/Web/HTML/Element

    -there are a couple of styling issues that did not match the design (title font weight and bold red numbering for the instructions list.). you can use marker to define styling for the latter.

    Cheers!

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