Submitted over 2 years ago

Ecommerce product page - By Harderth

backpackoder•80

@MrFougasse

A solution to the E-commerce product page challenge

Preview Code

Solution retrospective

It's not the best one, but it does the job.

I don't know how to :

Modify the colors of the icons, it's surely because I put them into "<img>", which tag should I use instead ?
Set "opacity: 0.3" except for the orange border for the thumbnails.
When the thumbnails are in big screen, how to add a white background when we hover it or click on it. Because the background is "rgba(0, 0, 0, 0.7)" so when we hover it or click on it the bg is black and I haven't found a solution to set it white.

Any recommendations or thoughts about my code guys ?

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on backpackoder's solution.

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