Skip to content
Submitted about 5 years ago

Social media dashboard - React & Styled-components

Lin Zhang•135
@linzhangcs
A solution to the Social media dashboard with theme switcher challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What was your solution for creating the instagram gradient top border? I had a hard time adding rounded corner to it. What's your opinion on using grid for this layout?

Code

Please log in to post a comment

Log in

Community feedback

  • Diarrah•3,418
    @Diarrah

    Hey, Lin,

    Very, very nice work! You did such a good job with the React + styled-components. I've been trying to learn how to use variables within the styled-components & your code just helped me so much to understand, so I thank you!

    As for your questions: you should definitely use a grid outline for this design. The way I think I did the IG color was to use an ::after selector & then a linear-gradient with a bg color + then the card overflow: hidden.

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