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 & theme switcher SCSS, Flexbox, Grid, CSS Vars

Simon 220

@LemoineSimon

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

Community feedback

Alex Kim 1,325

@alex-kim-dev

Posted

Wow. That's a great pixel perfect solution, Simon! And there's a lot of clever sass techniques. I will definitely look more closer into your code to learn something new.

2

Simon 220

@LemoineSimon

Posted

@Alex-K1m Thank you very much ! Your comment makes me super happy! Don't hesitate to come see me on Slack if you have any questions :)

0
P
Matt Studdert 13,611

@mattstuddert

Posted

Awesome work on this challenge, Simon, and congrats on submitting your first solution. I hope you enjoyed the challenge. Your project looks amazing and scales down really well to mobile.

The one thing I'd recommend improving would be to remove the display: none; declaration from the theme toggle checkbox input. Doing this makes that element inaccessible to anyone who's not using a mouse/trackpad to navigate the page. You've got an sr-only class in your code, so I'd recommend using that to visually hide the input but keep it there for assistive technology users.

Keep up the great work! 👍

1

Simon 220

@LemoineSimon

Posted

Thank you very much @mattstuddert ! This is a very good remark, I will make some modifications.

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