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 Recipes using Tailwind and Next

P

@slangley

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 started this a few weeks ago, and circled back to a few other exercises. I'm really happy how this came together and how I was able to rework the responsiveness after learning more about Tailwind.

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

I was a bit frustrated that to use the Tailwind card, I had to replicate the contents, so I did a little refactor of the components, to use a wrapper that was displayed larger sizes, but at smaller sizes only show the inner content, and not the wrapper, with block sm:hidden / sm:block hidden

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

Nothing at this point.

Community feedback

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