Recipe Page with React, Tailwind CSS, and Rsbuild

Solution retrospective
I found a solution for the image on top for mobile-mode and desktop mode. Since I didn't want to compromise on the padding inside the `` elements. Only one of them is visible, depending on the mode.
What challenges did you encounter, and how did you overcome them?- image on top for different breakpoints
- lines between rows in nutrition table
- pleasing bullet point location (I diverged from the design because it hiders readability - in my opinion)
Especially the problem with the image on top of the recipe page was a challenge for me. I don't know if my solution is good. I'd like to hear about a better one.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Thomas Weitzel's solution.
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