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 - BEM

P

@matiasaltier

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 specific areas of your project would you like help with?

I would like help with the semantics of my code or how I could optimize it.

Community feedback

@xphstos

Posted

Great job! You really nailed the semantics—especially with your use of sections, ordered, and unordered lists.

If I were to be picky, I’d suggest replacing the <div> with the class omelette_recipe with an <article>. It fits perfectly within the definition of article content.

And if I wanted to be really picky, I’d recommend adding the nutrition_description inside the table as a <caption>. It’s essentially a caption for the table, after all!

That’s all I’ve got. Fantastic work—keep it up!

Marked as helpful

0

P

@matiasaltier

Posted

@xphstos Thank you very much for your review, I will definitely be applying your suggestions, I am not very familiar with the tables but I gave it a try. btw u have a nice post, I would like to be as good as u with tailwind-css

0

@xphstos

Posted

@matiasaltier Tailwind is very easy to adopt. You should give it a try. Frontendmentor projects are great for that.

Marked as helpful

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