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

Social media dashboard with theme switcher using HTML, CSS, JS

@pbteja1998

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

Community feedback

@ramsaysewell

Posted

Hey Bhanu,

This looks really well done, congratulations on completing it!

I noticed that the boxes squish together quite tightly.

I would swap over from Flexbox to the amazing CSS Grid. With these settings, I think it looks great with:

.followers {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); // creates a auto-filling grid with minimum column size of 200px and maximum column size of 25%.
}

Let me know if you need any help with the grid.

Ramsay

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