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 using #Tailwindcss

Headbwoiβ€’ 1,100

@Headbwoi

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


Feedback would be appreciated ☺️

Community feedback

P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

Hello there, Headbwoi! πŸ‘‹

Nice effort on this challenge! πŸ‘

A few things I suggest are,

  • Wrapping the hamburger menu in the mobile view in a button element in order to make it accessible.
  • Using an h1 tag for the main heading of the site ("Powerful Insights Into Your Team")
  • Adding a hover state (such as an underline or change of color or opacity) to the navigation links in the header of the site would be a nice touch! πŸ˜‰
  • Making sure there isn't too much space between the "Schedule a demo" button and "to see a live preview" text in the mobile view of the site.

Hope you find these suggestions helpful. 😊

Keep coding (and happy coding, too)! 😁

2

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