3-column preview card component

Hello Esraa Yaareb, how are you? I was really pleased with your project, but I’d like to offer some advice that might help:

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="/">Learn More</a>

The rest is spot on.

Hope it’s helpful to you. 👍

Why are you so brilliant?

It's almost the same I just wanna say the for screens below 768px the card will take full width 100% which is not nice instead you can give the card for Desktop:

• width: min(95%, 921px);

And for Screens below 768px you can set it like this:

• width: min(90%, 327px);

I recommend you understanding and start using this min( ) because simple you will love it.

Keep it up ya okhti!