All solutions

I found a way to make the borders of the inputs with a gradient color, but I can't find a way to round their borders. If somebody can help me with that, I'd appreciate it. Another problem was centering the CVC code inside the CVC image while the screen size changes.

I can't find a way to change the hover color to the Footer Icons (facebook,twitter...) so i have to use others from React Icons, if someone knows how to do it, please let me know it, Thanks.

I hope you check it out.

In this challenge, i'll build a beautiful product page. i'll be putting my JS skills to the test with a lightbox product gallery and cart functionality!. I build this challenge whit Js vanilla just to practice vanilla. In my gitHub repositories you'll find this challenge build whit React.js and whit some other features (named as React-eshop), I hope you check it out.

In the realization of this project it was a bit difficult for me to position its components, but with a little patience I always manage it, I think that several things can be deleted from the css. Any suggestions on where to put the styles? Is it better in the css of the parent component or is it better in the css of the component?

-what im i find difficult while building the project was: Center the main, because the second div was whit display none, so the main was center but whit a invisible space in the bottom. I spent time looking for how to center the main without taking into account the other div.

-A are of my code that i am unsure is the logic used in the changeColor of the list, i want to uncheck the selected option and make it change to its previous color, but I couldn't