Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Recipe Page build with React

@AmanoLX

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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.

Community feedback

P

@chelsea-here

Posted

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!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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