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

@Caresle

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 tip/advice/feedback is really appreciated

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hello there, Carlos Estrada! 👋

Congratulations on completing your first Frontend Mentor challenge! 🎉 Good job on this one! 👏

I suggest,

  • Adding a max-width to the main container or wrapper to prevent the content of the page from becoming too stretched on extra-large screens.
  • Adding a max-width to the information cards to prevent them from becoming too stretched when the layout first changes from desktop to mobile.
  • Adding a label to the button (or identify it in some other way) to make your solution more accessible and clear up that error on your solution report. 😉

Keep coding (and happy coding, too)! 😁

1

@Caresle

Posted

@ApplePieGiraffe Thank you for take your time and give me some feedback 😁

1

@shadib0797

Posted

Good work, just use width : 70% on main container and then adjust it for diff view port

1

@Caresle

Posted

@shadib0797 thank you for the feedback, i will make that change

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