Skip to content
Submitted almost 4 years ago

Mobile first with css and javascript

Degoke•210
@Degoke
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

hello, i's there a way i can use linear gradient as border color, i tried using border image for the instagram box but it removed the border radius.

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted almost 4 years ago

    Hey, great job once again on yet another challenge, Degoke! 👏

    Your solution looks good, responds well, and the light/dark themes work great (I like the little transition for the toggle switch). 😉

    Keep coding (and happy coding, too)! 😁

    1
    Degoke•210
    @DegokePosted almost 4 years ago

    @ApplePieGiraffe Thank you

    0
  • Grace•31,230
    @grace-snowPosted almost 4 years ago

    Hi Degoke, nice work!

    I'm afraid it's not possible to use border image and border radius together.

    An alternative to create the same effect is with a pseudo element absolutely positioned slightly above the Instagram box. You can use the linear gradient as the background of that pseudo and apply border radius. It may feel a bit hacky, but it's actually a really common pattern.

    Hope that helps ☺

    1
    Degoke•210
    @DegokePosted almost 4 years ago

    @grace-snow Thank you, i'll give that a try.

    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