Skip to content
Submitted over 2 years ago

Social Media Dashboard

James Kofi Myers•660
@kinjames
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social media dashboard with theme switcher
  • HTML
  • CSS
  • JS
2junior

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

  • Kristian Kalvå•360
    @kkalvaaPosted over 2 years ago

    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
    James Kofi Myers•660
    @kinjamesPosted over 2 years ago

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

    0
  • James Kofi Myers•660
    @kinjamesPosted over 2 years ago

    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

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