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 with theme switcher

Bazz 165

@Basit-Dev

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


Used grid and sass for the 1st time.

Community feedback

Arturo Simon 1,785

@artimys

Posted

Nice job Bazz,

I recommend adding a max-width to your main#wrapper so it doesn't expand to far on wider screens.

And add a hover and `focus state on your toggle button to help with accessibility

Keep it up 👍👍

1

Bazz 165

@Basit-Dev

Posted

@artimys thanks for the feedback ! makes sense with the wrapper and toggle button.

0
P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Yeah, nice job, Bazz!

Kudos for trying out CSS grid and Sass! 👏 (I think they make CSS a lot easier and more fun. 😆)

Your light/dark themes work well and your solution responds nicely. Just follow artimys' suggestions and you should be good to go! 👍

Keep coding (and happy coding, too)! 😁

0

Bazz 165

@Basit-Dev

Posted

@ApplePieGiraffe think you 🙂👍

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