Css and flexbox

Hi @faheem4545 👋, good job on completing this challenge! 🎉

Here are some suggestions you might consider:

• It's recommended to use the semantic tag main. Click here for more information..
• Instead of using pixels in font size, use relative units of measure like rem or em. The font size in absolute length units (px) does not allow users with limited vision to change the text size in some browsers. Reference.
• Car icons are for decoration purposes only, so they can be hidden from screen-readers by adding aria-hidden="true" and leaving its alt attribute empty:

<img src="./images/icon-suvs.svg" alt aria-hidden="true" class="header-img">

I hope those tips will help you.

Good job, and happy coding!

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

• To better identify the main content of you site you will want to encase your entire component inside a Main Element.

• The car images/icons in this component are purely decorative; They add no value. So their Alt Tag should left blank and have an aria-hidden=“true” to hides them from assistive technology.

• The headings need to be in uppercase to better match the FEM design.

• Implement a Mobile First approach 📱 > 🖥

With mobile devices being the predominant way that people view websites/content. It is more crucial than ever to ensure that your website/content looks presentable on all mobile devices. To achieve this, you start building your website/content for smaller screen first and then adjust your content for larger screens.

If you have any questions or need further clarification, let me know.

Happy Coding! 👻🎃