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

Responsive pages using grids and flexbox

Vishal 260

@vishal-singh5128

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


Any Comments or suggestions are appreciated !

Community feedback

John Omoke 240

@jomoke814

Posted

Hello, @vishal-singh5128 great work on your project. A suggestion to help you improve your code:

  • instead of using br you can just use flexbox on your cards like so: display: flex; flex-direction: column; justify-content: space-between; and this will space everything inside the cards.
  • The car images/icons in this component are purely decorative; They add no value. So their Alt Tag should be left blank and have an aria-hidden=“true” to hide them from assistive technology.

Marked as helpful

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