Skip to content
Submitted 10 months ago

Responsiveness using Tailwind, React Context to avoid prop drilling

react, tailwind-css
AlisCodeSpace•110
@AlisCodeSpace
A solution to the Product list with cart challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Made the application fully responsive on all devices, it was challenging but I'm happy about the outcome. I would organize my component tailwind styling better next time to avoid confusion.

Used React Context API for the first time.

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

The modal was the most challenging part, gave me a headache, but it worked out in the end.

Code

Please log in to post a comment

Log in

Community feedback

  • Bartosz Dudziak•720
    @bartoszdudziak-dev

    There are some styling differences but It looks really cool. Good job! I like your solution for hiding a scrollbar.

    The modal also was the most demanding for me. I wonder if it is the best solution for modals because it is on the website all the time...

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