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

Responsive Recipe Page

rezanahi 60

@rezanahi

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?

find semantic tags

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

.

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

I recently became familiar with the BEM naming convention, and I tried to adhere to it in this project. I would appreciate it if you could give me your opinion on the names of my classes. Additionally, I would also appreciate it if you could share your thoughts on the entire project.

Community feedback

@plantpirate

Posted

I personally don't like such long class names especially for a small scale project like this, but your way could be better than my simplified way, especially in larger projects. You used rem in most of your CSS so I was a bit confused seeing px used for widths and heights. Overall I think the design great. There's some differences in padding and margins, but I see those in most finished challenges here.

Marked as helpful

0

rezanahi 60

@rezanahi

Posted

Hello, Thank you so much for your feedback. I will definitely consider using rem for width and height in my future projects. Thanks again.@plantpirate

1

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