Skip to content
Submitted 9 months ago

Recipe Page

Jayson Custodio•360
@04jay11
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?

.

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•360
    @04jay11Posted 7 months ago

    Thanks mate. Your feedback is so useful!

    0
  • Maximilian Dybvik•200
    @RegexRiddlerPosted 7 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.

    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