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

Flex / reponsive desing / bem

Sebastian 770

@Sebastian-1406

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


Cualquier comentario para construir bienvenido sea ... :)

Community feedback

P
j5 2,290

@jmnyarega

Posted

Nice work on the challenge, I have a few recommendations:

  • You don't have to duplicate navigation HTML code for mobile and desktop. Use media queries to alter the styling depending on the screen size.

  • section should be under main not header.

  • Instead of leaving the alt attribute of the logo image undefined, you can pass the name of the company. In this case, Project Tracking will suffice.

  • Add either role="presentation" or alt="" aria-hidden="true" to a decorative image so that bots can skip it. without alt attribute, the screen readers will read out the path.

  • Add a hover state to the button and links.

Otherwise, nicely done 👏👏

Marked as helpful

0
Liam R 425

@Cooly-o-Cats

Posted

! | Este mensaje es traducido por google | ! ¡Gran trabajo! Parece increíble. ¿Quizás intentar arreglar un poco más tu logo? Se coloca en posiciones extrañas con demasiada frecuencia.

Marked as helpful

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