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 Card with React and Tailwind

@MinThent

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 went a bit overkill with this one, used a lot of different components, passing data, mapping data and some conditional styling. Even after all that I'm thinking it lacks reusability.

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

Of course, since I went overkill, I had to think of iterating logic and how to properly style looped elements. Also, the final table wasn't a walk in the park and went overkill again with conditional styling again.

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

I just want some advice to simplify the code and make the code's reusability improve as a whole. Any comment is helpful.

Community feedback

@Roman-oryol

Posted

The composition of the components is well done. The code turned out to be reusable. But unfortunately the appearance is very different from the layout

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