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

News Homepage using HTML and CSS

#accessibility

@AdnaanH

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I would like to learn more on tailwind css and how to work with them in creating Javascript and ReactJs apps?

Community feedback

@caarlosdamian

Posted

Congratulations on completing the challenge! 🎉 I have some recommendations for your code that I think you will find useful.

Let's talk about HTML 🏷. Your solution currently generates accessibility error reports, and one of the issues is that <html> element must have a lang attribute

The "lang" attribute in HTML specifies the language of the document. It is important for search engines and screen readers to accurately interpret and display the content.

It is recommended to include the "lang" attribute in the HTML element of every web page, even if the language is English. This helps ensure that the page is accessible to a wider audience, including those who rely on assistive technology or machine translation.

More info LangTag

I hope you find this helpful 😊 Your solution is great, and I wish you all the best in your coding journey!

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