Skip to content
Submitted 7 months ago

Responsive Recipe Page

rezanahi•60
@rezanahi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

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•170
    @plantpiratePosted 7 months ago

    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
    @rezanahiPosted 7 months ago

    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

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