3 column preview card component

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

• The “car icons” in this component are purely decorative. 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/

• 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

• To properly center your content to your page, you will want to add the following to your body(this method uses CSS Grid):

body {
    min-height: 100vh;
    display: grid;
    place-content: center;
}

More Info:📚

Centering in CSS

• Implement a Mobile First approach 📱 > 🖥

Mobile devices are now the dominant 👑 way in which people browse the web, it is critical that your website/content looks presentable on all mobile devices.

More Info: 📚

Mobile First

• For improved accessibility 📈 for your content, it is best practice to use rem for your font-sizeand other property value. While em is best for media-queries. Using these units gives users the ability to scale elements up and down, relative to a set value.

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

Happy Coding!🎄🎁

Congratulation on completing the second project 🎉. I have a few adjustments that I wanna show it to you.

• replace the <div> tag with <footer> tag on the attribution section because it has semantic meaning.
• you forgot the hover state on the Learn More buttons. you can add these properties to the button element

button {
display: inline-block;
    background-color: "color that you choose";
    color: #333;
    padding: .8rem 1.5rem;
    border: 1px solid "color that you choose";
    border-radius: 2rem;
    transition: all .2s;
}

for the hover state you can add these properties:

button:hover {
    background-color: transparent;
    color: "color that you choose";
}

well done on this challenge and happy coding on the next challenge 👍.