Skip to content
Submitted about 1 month ago

Recipe Page

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

I gave up at adhering to the mobile design because I had no idea how to make the padding of only the top image disappear on smaller screens. Any clue is highly appreciated.

Community feedback

  • Extendo99•110
    @Extendo99Posted about 1 month ago

    Hey,

    The font colors are different than in the design. Yours are darker. The gaps between the rows in the table are too small. The margins/paddings between the elements are also slightly different, but overall the design looks very good. There are only slight differences in spacing and colors.

    As for the mobile view, maybe it would be easier to start with it? The mobile first approach is that we start by coding the view for the phone and then gradually enlarge and adapt the elements to larger screens. I recommend it, I did it myself and had no problems with spacing or the photo.

    0

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