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

Article preview component Using HTML, CSS & JS

@YacoubDweik

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Adriano 36,710

@AdrianoEscarabote

Posted

Hello Yacoub AlDweik, how are you? I was really pleased with your project, but I’d like to offer some advice that might help:

Using only <div> elements in code reduces the semantic meaning of the HTML structure, making it harder for assistive technologies like screen readers to interpret the content. This impacts accessibility, as specific tags (like <article>, <header>, <section>) provide clear context about the purpose of content sections. Additionally, it can negatively affect SEO and make the code harder to maintain or understand for other developers. Therefore, using semantic tags enhances both user experience and code quality.

The rest is spot on.

Hope it’s helpful to you. 👍

1

@YacoubDweik

Posted

@AdrianoEscarabote Heyy! Yeah u r totally right thank you!

1

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