Submitted 8 months ago

Recipe Page

Jayson Custodio• 340

@04jay11

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Recipe page

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

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

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

Community feedback

Jayson Custodio• 340

@04jay11

Posted 5 months ago

Thanks mate. Your feedback is so useful!

Maximilian Dybvik• 200

@RegexRiddler

Posted 5 months ago

Good job! Other than some minor margin/padding differences from the design its close to perfect.

Looks good on both mobile and larger screens and is responsive. But the wrapper is a little too narrow on large screens.

.wrapper {
    margin: 6rem auto;
    background-color: var(--white);
    border-radius: 1.5rem;
    max-width: 1440px;
    width: 50vw;
}

Remove the width property since your content is fluid already and change max-width to 736px to match the design.

Please log in to post a comment

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