Skip to content
Submitted 5 days ago

Recipe website

TGF•70
@thecodefan
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?

My more optimal usage of CSS, alongside using media query which was a first for me.

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

Media query was the hardest part, i had to fit everything on a smaller screen

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

I think my media query usage was lacking here, it got the job done; but it could've been far better.

Community feedback

  • Aiden Thomas•20
    @AidenT11Posted 3 days ago

    I really like how well this turned out! This is my next challenge so hopefully I can execute it as well as you have. I also see in your code you use flex. Do you prefer it over grid or it just your go to standard and you never use grid?

    1
    TGF•70
    @thecodefanPosted 2 days ago

    @AidenT11 Thank you so much! to be honest, i've never used grid before, i really should learn it because sometimes it might be better, but for now, flex does all the work!

    0
  • TGF•70
    @thecodefanPosted 5 days ago

    By the way, for some reason in the screenshot the bottom part is messed up, this isn't the case on the live website, both on mobile and desktop.

    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