Responsive dashboard with theme switcher used bootstrap and Sass
Design comparison
Solution retrospective
How to make it border gradient color? Your feedbacks are most important to me. Thanks.
Community feedback
- @alnahian2003Posted almost 4 years ago
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!
2 - @ApplePieGiraffePosted almost 4 years ago
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@gbasbuPosted almost 4 years ago@ApplePieGiraffe That's the perfect viewpoint. Thanks
0 - @just-a-devguyPosted almost 4 years ago
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
Please log in to post a comment
Log in with GitHubJoin 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