Submitted about 2 months ago

Recipe page using HTML CSS flexbox and grid

Cintia Vicente• 80

@cintiavic

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Recipe page

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

I think it looks pretty much like the provided design

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

spacings between elements

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

Community feedback

Itoro (Celine) James• 150

@CelineJames

Posted about 2 months ago

Perfect!!! i must commend your work, welldone. did you have access to the figma file?

Cintia Vicente• 80

@cintiavic

Posted about 2 months ago

Thank you very much @Kaytorah! I didn't have access to the figma file. Instead, I opened the provided jpg in Figma and created it from scratch using the image as a bottom layer serving as a guide. It was tough but it helped a lot in matching the styles as much as possible. Not the tidiest way to work... but if it helps: https://www.figma.com/design/CDM2PCt2kcAlp5MFwbxXIy/Untitled?node-id=0-1&t=mS5qhk4pIbuTmIqt-1

Please log in to post a comment

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