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

Mobile first 3-column-preview-cards(using grid and flexbox)

@rohits673

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

Solution retrospective


My first solution ever on this site! Any feedback is appreciated! Thanks!

Community feedback

@Passenger89

Posted

edit: Just a minor point i'd like to make. I noticed that you have used <a> tags for your buttons. If you wish to improve accessibility then you could check out this link:

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role

After clicking the link, check out the section under "Accessibility concerns" and "Best practices".

1

@rohits673

Posted

@Passenger89 Hi, Thanks for sharing this important information. I will try to implement it in my projects. Here for all the buttons I have used anchor tags not the button element because they wouldn't trigger an action, they would almost certainly trigger navigation to a page or section about that car.

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