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

Fully responsive social-media dashboard using HTML, CSS and Javascript

@MilitusInnocent

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


Please do view and drop a feedback. I would really appreciate it. thank you.

this is my second project by the way. I am excited about the progress.

Community feedback

Diarrah 3,418

@Diarrah

Posted

Pretty nice work.

A couple constructive criticisms would be:

· Every image needs an alt tag - even if it's set to an empty string (ex. alt="") - that will get rid of almost all your HTML + accessibility errors.

· You can set the font-family on the html tag itself so that you don't have to keep defining it on every element (ex: html { font-family: 'Inter', sans-serif }

· Cursor: pointer on the dark-mode label clicker so the call-to-action for the user is more clear

· Using a root selector to change the colors from dark to light. You can look at my solution to this project to see what I mean by that

· I would make it responsive a bit earlier, maybe by 100px

Great job on your second project 🎉

1

@MilitusInnocent

Posted

@Diarrah Thank you so much. I just noticed the alt thing. Lol. I really appreciate.. I'm going to check on yours right away.

Is there like a platform where people can share ideas aside the slack?

0
Diarrah 3,418

@Diarrah

Posted

@MilitusInnocent Hmmm I'm not sure. I think I've heard of a site called Dribble but I don't know if you can follow people on there.

0

@MilitusInnocent

Posted

@Diarrah okay. What's your email? If you don't mind.

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