Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Recipe preview card using flexbox

Barakat 10

@barakahabdul

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@hilmi77

Posted

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

@barakahabdul

Posted

Thank you so much, I will improve @hilmi77

0

Please log in to post a comment

Log in with GitHub
Discord logo

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