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

Responsive social media dashboard with theme switcher

@morenikheji

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


Any suggestions on how to apply linear gradient on a border will be greatly appreciated. Feedbacks are also highly welcomed

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hey, Dosunmu Aishat Abike! 👋

You can use pseudo-elements to create that gradient-colored border for the Instagram overview card. You can create gradient-colored borders with the border-image property but and the linear-gradient function but then the border-radius property doesn't work.

Overall, nice job on this challenge! 👏

I think one improvement you could make is to have the grid break into a three or two-column layout rather than immediately breaking into a one-column layout when the screen width decreases. That'll leave less empty space to the sides of the grid in the tablet layout of the site. 😉

Keep coding (and happy coding, too)! 😁

1

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