Skip to content
Submitted over 2 years ago

Social media dashboard adding darkmode/lightmode toggle button

OLUMIDE MICHEAL•270
@codewithmide
A solution to the Social media dashboard with theme switcher challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

added an extra animation to the toggle button

Code

Please log in to post a comment

Log in

Community feedback

  • Yemisrach•1,430
    @Yemisrach15

    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

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