Submitted over 1 year ago

E-commerce Produce Page with Dark mode

Salah Najem•350

@Salah1221

A solution to the E-commerce product page challenge

Preview Code

Solution retrospective

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

I wanted to create an animation for switching between dark and light themes, similar to the one in the Telegram mobile app, and I'm happy with the result. However, I wish I had organized my code better since it's a mess, especially with the class names in the HTML and CSS.

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

The trick that I've used in my project for the dark/light switching animation depends solely on mix-blend-mode: difference, so I needed to invert most of the colors in the website. Would that impose a problem if used in a real-world project?

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Salah Najem'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