Skip to content
Submitted over 4 years ago

bootstrap

Onyeanuna prince•340
@Aahil13
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

i wasn't able to make the top-border-color to have a lineat-gradient color

Community feedback

  • Mahesh Yadav•1,220
    @Mahesh-yadavPosted over 4 years ago

    Hi

    To set a linear-gradient on the top border, you can use background property.

        background: var(--gradient-instagram);
    background-size: 100% .4rem;
    background-repeat: no-repeat;
    0
  • Alejandro Merino•125
    @AlexLMCodePosted over 4 years ago

    Hey!, you can use the pseudo elements ::after and ::before in the container elements and put them a linear-gradient.

    -Greetings, Alex.

    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