Landing page using GRID in css

Hi there. Good job on finishing the project.

I'd suggest you to use the mobile-first approach. You can find this topic being discussed on Google and YouTube. Example below 👇

/* Write your mobile styling here */

@media (min-width: 640px) {
  /* Write your desktop styling here */
}

Also, since you initially specified a fixed width for the card, it won't adapt well to smaller screens. To make it responsive, consider replacing the fixed width with a max-width and set the width to 100%.

.card {
  max-width: 500px;
  width: 100%;
}

This approach ensures that the content adapts to different screen sizes and devices while providing a maximum width to prevent it from becoming excessively wide on larger screens. Hope this is helpful.