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

Responsive dashboard with theme switcher used bootstrap and Sass

@gbasbu

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


How to make it border gradient color? Your feedbacks are most important to me. Thanks.

Community feedback

Al Nahian 775

@alnahian2003

Posted

Hey Gorkem! You did an excellent job on completing this challenge and your completed project looks very amazing.

You asked about how you can add a gradient border color, right? Alright, you can do this simply by adding an extra span just above the social card's div and give the gradient as a background color in that span. It's a solution. But if you want more details about the gradient border using CSS, then you can read this article on CSS Trick

Don't forget to upvote my comment if you found it helpful. Happy Coding!

-(alnahian2003)

2

@gbasbu

Posted

@alnahian2003 Thanks so much

0
P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hi there, Gorkem Basbug! 👋

Nice job on this challenge! 👏 Your solution looks great and responds nicely! 👍

I just suggest making the toggle-switch tabbable so that keyboard users can access and use that toggle-switch. 😉

Keep coding (and happy coding, too)! 😁

1

@gbasbu

Posted

@ApplePieGiraffe That's the perfect viewpoint. Thanks

0

@adluders

Posted

Hey, so for the gradient border, try something like this on the card: border: 0; border-top: solid (same px amount as others) transparent; background-image: linear-gradient(INSERT COLORS HERE); background-origin: border-box; background-clip: padding-box, border-box;

Let me know if that makes sense and if it works

1

@gbasbu

Posted

@adluders Thanks so much

1

@adluders

Posted

@gbasbu 😎😎😎Hopefully it helped!

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