Not Found
Not Found
Your session has expired please log in again.
Your session has expired please log in again.
Your session has expired please log in again.
Your session has expired please log in again.
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

TailwindCSS page

Tin.Pham 250

@tin-pham

Desktop design screenshot for the Ping single column coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I just have learned this framework and I practice that with this project ^^ Do you see any problem with my page, any feedback are welcome

Community feedback

P
tediko 6,680

@tediko

Posted

Hello, Tin.Pham! 👋 Congrats on finishing another challenge! Your solution looks very good and also responds well. Here's my few tips:

  • Change the alt attributes for the dashboard-image, as it doesn't add any extra context for screen reader users. Since your image is decorative your alt text should be provided empty (alt="") so that they can be ignored by assistive technologies.
  • Wrap your icons into some anchor elements <a>. Remember to add aria-label with a description to it since icons are treated as if there was no content there.

Good luck with that, have fun coding! 💪

1

Tin.Pham 250

@tin-pham

Posted

@tediko Tks very helpful tips

0
P
Patrick 14,285

@palgramming

Posted

looks pretty close to the design. you need a little more space around the top and bottom of the main hero img. Also the circles around your social icons to not to look to be the correct color and they are currently lacking the hover effect

1

Tin.Pham 250

@tin-pham

Posted

@palgramming Oke, tks so much, very appriciate

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