Skip to content
Submitted 9 months ago

HTML, CSS

DPOsengo•50
@DPOsengo
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

The only thing I didn't get was why, even if I'm using the right font, "Outfit", on the first element of the ordered list, the 1 has a serif at its base... it's not even in the glyphs of that font. I couldn't find an explanation for this.

Community feedback

  • solvman•1,650
    @solvmanPosted 9 months ago

    Well done!

    I have only one small suggestion. The recipe preparation section is not full-width on the mobile layout. Consider doing:

    .recipe-preparation {
    width: 100%;
    padding: 1rem 2rem;
}

    Otherwise, 🚀 Impressive! 🎉 Keep it up! 👍 I hope you find my comments helpful 🫶

    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