Skip to content
Submitted 9 months ago

Recipe preview card using flexbox

Barakat•10
@barakahabdul
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?

Hey developers, i tried my first frontend mentor. please take a look at it and give me the feedback on what you think i should have done better. what you think i could do to improve, or even better, i am open to all correction. Thanks for your time.

Community feedback

  • hilmi77•250
    @hilmi77Posted 9 months ago

    Hello @Barakat!

    Your Solution looks good🎉

    when I review your solution

    center a container you can use flex grid etc. for example you want to use flex to center a div you can give min-height:100vh display: flex; justify-content: center; align-items: center;

    I have some advice for you

    -->If you are a Free member of FEM your starter file doesn't include Figma design therefore you can use Perfect pixel extension which usage so simple

    --->By using this extension, you can see the size of your designs more clearly while working.

    if you find useful this comment please click "Marked as helpful"

    Happy coding

    Marked as helpful
    0
    Barakat•10
    @barakahabdulPosted 9 months ago

    Thank you so much, I will improve @hilmi77

    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