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 using React JS and CSS Grids....

Tamiliniyan Sβ€’ 610

@iniyan-web

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


Feedbacks are always appreciated... :)

Community feedback

mustafaalkhiatβ€’ 50

@mustafaalkhiat

Posted

@iniyan-web you made a beautiful and responsive template, and the code clean and readable, May i ask you about media queries since your using them seemlesly. How to use them correctly. is out there any specific sizes for special designs(like libraries,frameworks) or it's totally depends on design itself so i generate a random widths myself. Thanks from now and wish you happy chrismas...

0

Tamiliniyan Sβ€’ 610

@iniyan-web

Posted

Hi @mustafaalkhiat, Thank you for your valuable feedback...and about media queries below are most common but depending on your design you can change it and once again thank you and merry christmas to you and your family... :)

-> 320pxβ€Šβ€”β€Š480px: Mobile devices

-> 481pxβ€Šβ€”β€Š768px: iPads, Tablets

-> 769pxβ€Šβ€”β€Š1024px: Small screens, laptops

-> 1025pxβ€Šβ€”β€Š1200px: Desktops, large screens

-> 1201px and moreβ€Šβ€”β€Š Extra large screens, TV

0
mustafaalkhiatβ€’ 50

@mustafaalkhiat

Posted

@iniyan-web , is generous from you to reply. I really appreciate it, Thank you.

0
Tamiliniyan Sβ€’ 610

@iniyan-web

Posted

@mustafaalkhiat Your welcome...πŸ™‚

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