Skip to content
Submitted 6 months ago

Responsive Recipe page with CSS variables and media queries

accessibility, pure-css
Collins Adaigho•90
@Donsmatt
A solution to the Recipe page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Getting it to look as close to the design as possible without a figma design file.

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

None for now

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

Any recommendations will be appreciated

Code

Please log in to post a comment

Log in

Community feedback

  • Yash Kamble•110
    @Knight9876

    For centering the recipe card:

    width: give some width to it; (up to you) margin: auto y-axis; (auto for x-axis, give margin for y according to you)

    i hope this center the card, i guess you have to adjust the image width and height then.

    ALL THE BEST!!!

    Other than this, it looks good. Nice work. Keep Going!!!

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