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

Project tracking intro component

P

@Pleopleq

Desktop design screenshot for the Project tracking intro component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Getting better at CSS! Yay! Any feedback will be appreciated!

Especially on the dropdown menu. I dont think that was the exact way of doin it but i tried my best haha.

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Nice work, Felix and it's great to hear that you're starting to feel more confident with CSS. The major issue with how you've implemented the mobile dropdown is that it's not accessible to people who can't use a mouse/trackpad. You're using a click event on a div to trigger the menu. div elements are not interactive elements, so it's a bad practice to have click listeners on them, as it creates inaccessible functionality. Instead, use an interactive element like a button to trigger the menu dropdown. If you want to see an example, take a look at the mobile version of Frontend Mentor and see how the mobile navigation works.

Keep it up!

1

P

@Pleopleq

Posted

@mattstuddert As always a great piece of advice, thanks Matt!

0

@clockwerkz

Posted

Looking good! All of the elements are in the right spots.. My only note is that the the content on the left should all be left aligned, like in the design image. Other than that it's looking good!

1

P

@Pleopleq

Posted

@clockwerkz Thank! And yes, a little problem with the spaces that i just noticed

1

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