3-column preview card component

Hello Vladimir, how are you? I truly loved your project's outcome, however I have some advice that I hope you'll find useful:

You have used <br> , using <br> is not only bad practice, it is problematic for people who navigate with the aid of screen reading technology. Screen readers may announce the presence of the element. This can be a confusing and frustrating experience for the person using the screen reader. You can read more in MDN.

I noticed that you used a button in which case the best option would be an a, because in my head when a person clicks on a button written Learn More, he is not confirming a form, or something like, it will be redirected to another page, to Learn More about!

to solve this problem do this:

<a href="/" class="btn-sedan">Learn More</a>

The remainder is excellent.

I hope it's useful. 👍

Hello!

Try to use more semantic HTML5 elements. Most of errors in your report are about that.

About semantic HTML5 elements

That <article> element should really be a <main> element. This - "Document should have one main landmark" means just that. Landmark means semantic element, in this case <main> element.

Also, this - "All page content should be contained by landmarks" means that no <div>s or any other elements should be outside of those semantic elements, not directly in the body element.

That <div class="attribution" is a perfect candidate to be wrapped inside <footer> semantic element.

Read it, try it, hope it helps!