CSS flexbox

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 headings in your component are being used incorrectly. Since the h1 heading can only be used once, it is always given to the heading with the highest level of importance. This component has three headings of equal importance, so the best option would be to use an h2 heading since it is reusable and it will give each heading the same level of importance.

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

Happy Coding!🎄🎁

Hello, on my project I used border-radius in my main cards div with a 'overflow: hidden;'.

I think you can use 'border-top-left/right-radius' on the first card and border-bottom-left/right-radius' on the last card too

/* How can I set different borders radius when the cards are wrapped so it can look like the mobile-design ? Should I use @media ? How ? * You can use the clamp function on css checkout from mdn or use the responsive parameters like vw for border-radius value

Hello!

Hey, border is, actually, a shorthand way of declaring it. Border radius can, actually, take in 4 values. A different one for each corner if you want.

border-top-left-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius

or shorter

/* top-left | top-right | bottom-right | bottom-left */
border-radius: 1px 0 3px 4px;

Here, check it out in the documentation

Hope this helps!