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

Responsive Recipe Page using CSS Grid and SASS

P
Jan 160

@Negligence

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?

I'm very proud of the hard work I put it to reverse engineer the design image in .xd for accurate measurements.

I'm immensely happy that I've gotten the output so close to the design without a provided figma file.

Now that I have a pro subscription, I'll be relying on the provided .fig files.

It really helps a lot when you no longer need to think about the design layer and just focus on code.

My respect goes out to all the UI/UX designers out there 💓

Community feedback

P
Jaime 150

@Jaimealicante83

Posted

Great work to do this template without a figma file. Even with the measures of Figma file is difficult to make it pixel perfect. About the code, I recommend to use <strong> instead of <b>

Marked as helpful

1

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