Skip to content
Submitted over 3 years ago

Theme switch with Javascript

Oluwakemi Omoyeni•300
@Captressketh001
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

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
    @lmestrellaPosted over 3 years ago

    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
    Oluwakemi Omoyeni•300
    @Captressketh001Posted over 3 years ago

    @lmestrella I will try that out, thanks

    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