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

Product Feedback App

#accessibility#bootstrap#nuxt#vue#vuex
Po Rith 320

@jpoechill

Desktop design screenshot for the Product feedback app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
5guru
View challenge

Design comparison


SolutionDesign

Solution retrospective


Accounted best for commenting and replies, accessibility, and responsiveness.

Specifically looking for any details that I might of missed in terms of design and functionality.

Community feedback

P
Jeuri Morel 1,405

@JeuriMorel

Posted

Hey there @jpoechill, good job on the solution! A few things:

  • On the Roadmap page on smaller screens, I believe the border under the highlighted status should be the same color as the border on the cards for that status. Currently they're all violet (which is the color associated with 'In-Progress').
  • Two of the posts on the Roadmap page crash on me when I click on them:
    • More comprehensive reports
    • One-click portfolio generation
  • Tiny nitpick, but on the suggestion cards, the number displaying how many comments it has is not taking into account the number of replies, which the design examples do ; and when the suggestion has no comments the 0 should be faded out a little.
  • On mobile view for screens under 385px, the items in the dark gray sorting bar don't line up. The Add Feedback button falls to the bottom right, while Sort by: is on the top left.

Overall you did a great job though. Nicely done!

Marked as helpful

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