Skip to content
Submitted about 4 years ago

Theme switcher Social media dashboard w/ Next.js ,SASS & bootstrap

Tushar saxena•65
@tsaxena4k
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

Hey Peeps 😄 ! This is my very first challenge , I tried my best and came out with this. Hope you all like it 🤞. Check the live demo here🚀. **Questions **❓: I wasn't able to figure out how to add "gradient" as value for "color" in icons and also didn't find a way to add "gradient borders" without sacrificing on the card background color. Pls if anybody can help me with that I'll be much grateful ❤️.

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted about 4 years ago

    Hey, Tushar saxena! 👋

    You've done a great job on this challenge! Your solution looks good, the grids respond well, and the light/dark themes work great! 🙌

    When I completed this challenge, I believe I used pseudo-elements to create the gradient borders of the cards (since the border-image property wasn't quite working as I liked for me). If I remember correctly, the social media icons should already be colored so you don't have to worry about giving them a color in your CSS. 😊

    There's a small typo in the upper-left corner of your page ("Drak Mode" should be "Dark Mode"). 😉

    Keep coding (and happy coding, too)! 😁

    1
    Tushar saxena•65
    @tsaxena4kPosted about 4 years ago

    Happy that you like the work 😃! and thanks for answering the question I was really hung on the gradient border thing for a while.

    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