using css flex

Hey there! 👋 Here are some suggestions to help improve your code:

• 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.

More Info:📚

https://www.w3.org/WAI/tutorials/images/

• The “SEDANS”, “SUVS” and “LUXURY” are headings so they need be wrapped in a heading element. Since each heading in this card has the same level of importance an h2 heading will be the best choice.

• Your "buttons" were created with the incorrect element. When the user clicks on the button they should be directed to a different part of you site. The anchor tag will achieve this.

More Info:📚

MDN The Anchor element

If you have any questions or need further clarification, feel free to reach out to me.

Happy Coding!🎄🎁

Hey mrawan shawkey, I came up with a solution for your question. You could add this to each of your columns:

column-1, column-2, column-3 { display: flex; flex-direction: column; justify-content: space-between; } You could also add a helper class to each of the divs instead of having to repeat yourself.

Hope this helps! Keep it up!❤️