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 using Bootstrap/Sass/Javascript

Matthew Van Pelt• 575

@Mattvp21

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


(Revised version)This is my first solution in a while. This one had some tricky parts and I have questions for the community.

(Fixed)-How can I make the toggle transition smoother? I want to make the dark/light modes transition and not just switch immediately.

(Fixed)-I struggled with the top border gradient. Is there a way to tap into the border-top-image?

Would like opinions on the animations!

Happy coding everybody :)

-Matt

Community feedback

haquanq• 425

@haquanq

Posted

Good work!, here is my answers to your questions:

  • Add a transition: to the element that will change it's properties when somthing is toggled.
  • Instead of using border: , you can use a div or span instead and style it.
  • If you don't have any kind of data relate to the value that display, you should create one and based on that to toggle DOM Element style.

Marked as helpful

1

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