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-with-theme-switcher

21bowler 250

@21bowler

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


Hey guys, nice challenge. I did finish it but was unable to add a border top color with the linear gradient on the Instagram card. However, if anyone knows how to I would much appreciate the help.

Community feedback

Jack Smith 350

@Clonephaze

Posted

Borderlines can't have gradients, so in this case you'd need to create a psuedo before element of the same size as the card and in the same spot, the raise it up a little and round the top. You would apply the gradient to that, as a background-image. You can also use "transition: all 250ms ease" on your elements that change colors so that the change isn't so jarringly abrupt. Good job on your solution.

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