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

Theme switch with Javascript

@Captressketh001

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


Adding a gradient border to the Instagram card gave me a tough time and I was able to do it but I couldn't add a border radius to it. I will really appreciate if someone can put me through on this.

Community feedback

Lia Marie 80

@lmestrella

Posted

Hello! You can use the pseudo element ::before with absolute positioning to imitate the look of border-top. Set its parent element's position to relative with overflow: hidden; to clip the edges of the pseudo element.

I'm still a newbie so I'm not sure if this is the best way to get around with this. Good luck tho! :)

0

@Captressketh001

Posted

@lmestrella I will try that out, thanks

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