Skip to content
Submitted 6 months ago

Recipe page

Alex•3,130
@Alex-Archer-I
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?

I'm glad that I could find a way of deeper stylization elements. It's something new to learn.

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

I stumbled upon an image size in mobile version. It should be stretched to full screen width while the rest of content should keep paddings. I'll find a way - it's a bit clumsy. Maybe I should use slightly different markup at first.

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

I always have troubles with the neat organization. In this project I tried to use BEM. I backed off a little from naming convention - I know - but did I gasp the main idea? Besides any suggestion accepted.

Community feedback

  • Dan P.•250
    @DanielfwwPosted 6 months ago

    Hey Alex, good job on finishing this project! The only advice I can give you here is to use margin-top and trying to measure in px how much you can lower the container down - right now it takes the whole page. Hope this helps even a little

    1
    Alex•3,130
    @Alex-Archer-IPosted 6 months ago

    @Danielfww Ha, cool I just wrote reply for your work =)

    Thank you, I fiddled to much with the inner content and completely forgot about that! I usually use flex to center, but I didn't keep in mind that the height of element is more than 100vh.

    Yeah, I should use margins or paddings on body tag. Thanks for noticing =)

    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