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

bootstrap

Onyeanuna prince• 340

@Aahil13

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


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

Community feedback

Mahesh Yadav• 1,220

@Mahesh-yadav

Posted

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

@AlexLMCode

Posted

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
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