Responsive 3-column preview card component with CSS Grid and Flexbox

Hello Coder 👋.

Congratulations on successfully completing the challenge! 🎉

Few suggestions regarding design.

• Use responsive units(rem, em, %) from next project. Explore respective use cases on google.

• Replace width with max-width to make your card more responsive.

.card {
max-width: 18rem;
}

• Every site must have one h1 element describing the main content of the page. So, Add a level-one heading instead of h2 to improve accessibility.

I hope you find this helpful.

Happy coding😄

• use a css reset in all your projects, look at Andy's bell website for a good and clear one
• set rem instead of px on your min-width @media