Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social media dashboard adding darkmode/lightmode toggle button

@codewithmide

Desktop design screenshot for the Social media dashboard with theme switcher coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


added an extra animation to the toggle button

Community feedback

Yemisrach 1,430

@Yemisrach15

Posted

Hi Olumide, good job! I'd like to give you some suggestions.

  • Although the animation is nice, some people might prefer reduced motion.
  • On tablet sized devices, there is little to no space between content and its container. It looks compact. Add padding to the boxes.
  • Use em/rem for font size so that it scales when zooming in the browser or if browser font preference is changed.
  • I would contain the boxes in a article element instead of div for better semantics.

Keep coding!

Marked as helpful

0

@codewithmide

Posted

@Yemisrach15 Thank you for the tips. I will make the necessary changes now

0

Please log in to post a comment

Log in with GitHub
Discord logo

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