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

3 Column Preview Card made using HTML5 and CSS3

Abdo Achhoubiβ€’ 330

@abdoachhoubi

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Anosha Ahmedβ€’ 9,300

@anoshaahmed

Posted

Hey I see that you tried to use the role attribute. The purpose of role is to tell a screen reader what the purpose of a div is because a div doesn't have a name. If you are using header, main, footer, then you don't need to give them a role because their name says it all. Body does not have the role of main, main is.

Here's a link to something I wrote about accessibility issues & best practices

Hope this helps :)

Marked as helpful

1

Abdo Achhoubiβ€’ 330

@abdoachhoubi

Posted

@anoshaahmed Thank's so much, you've been really helpful. Before yesterday I had no idea what the role attribute is used for. But thanks to you and some other seniors I learned a lot!

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