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

P
Branka R 120

@brainka

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?

Getting it done because I started and stopped the task so many times.

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

I need to work on keeping my css clean and ensure I take into account accessibility.

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

None for this one.

Community feedback

@R3ygoski

Posted

Hello @brainka, first of all, congratulations on completing your project. It was very well done and almost perfectly similar to the proposed one. Congratulations!

I'd like to give you some tips on a few things I noticed, such as your HTML. In terms of structure, it's not incorrect, but it lacks semantics, and semantics are a crucial part of web development. This is because it helps to improve the accessibility and SEO of your site. An example of a tag that could be semantic is <div class="ingredients">. This <div> could be replaced with an <article>, as it makes more sense in HTML semantics.

Again, congratulations on your project. It's very well done. If anything I said isn't clear, please feel free to ask below, and I'll try to help as best as I can.

Marked as helpful

0

P
Branka R 120

@brainka

Posted

Hey @R3ygoski,

Thank you for your feedback!

I have incorporated your feedback in my product review card project :)

Please feel free to comment on that one also and let me know if I have gone down the right path.

Thank you :)

0
Sivaprasath 2,520

@sivaprasath2004

Posted

Hello i`m wishing for your completion in this project.

  • I will be see in your code
  • HTML to include a challenge and the author's name. Here's how you could do it:
<footer>
  <p>Challenge by [Your Name]</p>
  <p>Author: [Author's Name]</p>
</footer>
  • Feel free to replace [Your Name] and [Author's Name] with the appropriate names.

Marked as helpful

0

P
Branka R 120

@brainka

Posted

Hey @sivaprasath2004,

Thank you! I will go back and add that to all my projects :)

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