Skip to content
Submitted over 2 years ago

Mobile-first social dashboard with theme switcher, using CSS grid

Alexā€¢330
@CallMe-AL
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social media dashboard with theme switcher
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Fun challenge, was the first attempting a theme switch too! A few questions:

  1. I included the themes as classes which apply to the body when the switch is toggled. Would using an 'html[data-theme]' be more efficient or is it more preference?

  2. Is there a more efficient way to store user preferences for themes than local storage?

  3. Any improvements to accessibility you might notice in my code?

Thanks for looking! Hope you like it!

Community feedback

  • Shashree Samuelā€¢9,260
    @shashreesamuelPosted over 2 years ago

    Hey good job completing this challenge

    Keep up the good work

    Your solution looks great however I think that the content of the website needs some margin from the left using margin-left.

    I hope this helps

    Cheers Happy coding šŸ‘

    1
    Alexā€¢330
    @CallMe-ALPosted over 2 years ago

    @TheCoderGuru Thanks for the feedback and compliments! Your projects look great as well. Hope to see you across this site some more!

    0

Please log in to post a comment

Log in with GitHub

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