Submitted 24 days ago

State management with useContext, grid for responsive layout, React JS

react, tailwind-css

Luis Rosas•40

@LuiRo07

A solution to the Product list with cart challenge

Preview Code

Solution retrospective

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

I'm proud of how layout changes from desktop to mobile and still have a clean layout. I would probably be more familiar with managing state using React hooks.

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

How to make update the cart to keep track of which background image to show when the cart is active or not active, or display a default image to signal the user that this is a cart modal.

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

I would like some feedback on this project, and how I could improve its performance.

Code

Please log in to post a comment

Community feedback

Marzia Jalili•7,250
@MarziaJalili
Posted 24 days ago
Amazing work! 💯

🌟 A tiny little tweak?

✅ The text of one of the buttons has come down for some reason, which kinda breaks the design, man.

✅ To fix this use the class below to make sure the button take enough horizontal space it needs to for setting it's child elements:
```
<button class="w-fit">
```
This is the equivalent of width: content-fit in pure css.

😎😎😎
Marked as helpful

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