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

Flexbox and Grid

@colis123

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

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Great work completing another challenge Pedro! 👍

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

  • Your input element currently doesn't have a corresponding label. Be sure to either add a label (which you can visually hide if needed) or add an aria-label attribute to the input. Without one of these, screen reader users won't know what the form field is for.
  • Also, with your social links, be sure to add an aria-label attribute to the anchor tags to make them accessible. Because there's no text inside them at the moment, screen reader users wouldn't know what the links are for.

Hope these tips help. Keep it up! 🙂

0

@colis123

Posted

Will definitely add labels for accessibility. Thanks for the feedback.

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