Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 10 months ago

A responsive recipe page

Stephengrammy•60
@Stephengrammy
A solution to the Recipe page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


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

i got better with using the width and max-width properties in css and i can use :root to define variables in css also i am starting to brainstorm more so before i write out any code i kinda imagine it in my head and think about how close it might be to my actual task at hand

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

i was unable to perfectly align the items under the Nutrition section so i will check out the review and see how others did theirs and i feel like my code has too many manipulation i was trying a lot of different things to see which one works best so i will try to simplify it better in the future and i suck at giving class name 😂

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

the nutrition section please and i would love to see a better arrangement of css

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Stephengrammy's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License