Html and Css.

Hi @Dewanshakib 👋, good job completing this challenge! 🎉

I have some suggestions you might consider to improve your code:

• Use the <main> tag to wrap all the main content in your solution instead of using <div class="mainDiv"> to improve the accessibility of the website.

• Setting a defined height for the card component is not recommended. The content should define the component height, otherwise, it will not be allowed to extend beyond your specifications.

• Setting element width with percentages or VW will cause your component to behave weirdly on mobile devices and high-resolution desktops. You can set the max-width at 900px.

.centerDiv {
    max-width: 900px;
    /* width: 70%; */
    /* height: 60%;
   . . .
}

• You should not name your class with the camelCase convention. Use naming naming conventions to name it.

• The Learn More elements should be anchor tags and not buttons because they redirect to another website. Use buttons to perform actions such as displaying a modal, performing calculations. Use anchor tags to redirect users to a part of the page or to an external site.

Above all, the project is done well👏. I hope those tips will help you! 👍

Good job, and happy coding! 😁