Submitted 7 months ago

HTML, CSS

DPOsengo• 50

@DPOsengo

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

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,670

@solvman

Posted 7 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 🫶

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