All solutions

Hello! I'm very glad to finish this challenge, I put some things that wasn't at the challenge, but to go to the product page, just need to click at the title of the product, and I need you guys help, I was struggling to pass data from a page to another page with NextJS, I made it by using props but I know that are more cleaner ways to do this, also I was struggling to position the checkout-card. I would be very grateful if you guys could give me some tips and advices. I started to study NextJS a few week ago and I want to know the best practices. Thanks!

Obs: You need to click at the title of the product to goto the Product Page.

I have difficulties to input errors, and to connect items, for example: I wanted to show error message according to what input I was typing or what value I was changing. I tried Map, Filter, Reducer, Object.values(), and I cannot make it done. Whats is the best way to to this? using many useState(), useReducer() or simply using useState({name: '', number: ''}), or using an Array. I want some help and advices, please, I want to improve more and more.

I didn't know how to make this colorful lines at the top of the cards, so I tried another style using JS addEventListener 'click' and CSS animation. I need tips for better coding and how to make these lines, and of course make a better code in JS, I really need these tips. Sometimes I think that i'm lost with my code.

In this case can i use background-image? or i need to use Picture and IMG?

Other question: There is a better way to narrow paragraphs without using padding in the sides?

Is ok to use scale in this case to reduce the width and height of the container, to fit in others devices, I know that this goes against the default width and height: 375px

The most difficult part was the JS, I wanna know if there's a easiest way to make this transition of style between buttons after you click them, making them selected.

I had more dificult in JavaScript, i guess i've used too many var, and let without lists ('because I don't know how to use lists :(') My CSS code and HTML code are not clean, it's confuse.

I think I didn't make the correct use of IMG, what is better, IMG, PICTURE or BACKGROUND URL()?