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

Mobile first site using HTML, SASS and JS.

@MlkMahmud

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

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Great work completing another challenge Malik, it looks great! 👍

Here are a couple of small pointers after taking a look at your code:

  • A lot of the text in the design is uppercased, but I'd recommend against uppercasing that text directly in your HTML. This is because screen readers will typically readout that text letter-by-letter, instead of reading the whole word. To improve accessibility, I'd write the text as normal in your HTML and then use text-transform: uppercase; in your CSS to visually change it on the page.
  • This is a tiny point, but I'd take one more look at the spacing for the "to see a preview" text. You might want to reduce the word-spacing a bit but increase the letter-spacing slightly. This is a really small issue though 🙂

Keep up the great work!

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