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

@kinjames

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 used firefox browser to open it and the view was different from chrome. I am having a little tough time trying to make it responsive. Any feedback on how to solve these issues are welcome and will be much appreciated. Thank you.

Community feedback

@kkalvaa

Posted

Parts of your responsive problem stems from not using "flex-wrap: wrap;". If you add wrapping to your flex container and "flex: 1 1 200px;" on the children things will instantly be more responsive.

However, this is a much better fit for grid than flex, and I strongly recommend you try it out.

Marked as helpful

1

@kinjames

Posted

@kkalvaa Thank you so much for your feed back. I will try it out with grid too.

0

@kinjames

Posted

I have been able to work on the responsiveness now. And it looks the same on different browsers. I still have a slight issue with the height of one of the cards. Any feedback on that will be appeciated. Thanks

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