Blog Preview card Responsive page using CSS Flexbox

What are you most proud of, and what would you do differently next time?

• Best part was that i learned about how to put transition for box-shadow using hover property

.card {
  max-width: 24rem;
  background-color: var(--white);
  padding: 24px;
  border-radius: 20px;
  border: 1px solid var(--gray-950);
  box-shadow: 8px 8px #000000;
  transition: box-shadow 0.4s ease-in-out;
}

.card:hover {
  box-shadow: 16px 16px #000000;
  cursor: pointer;
}

.card:hover .text-preset-1 {
  color: var(--yellow);
}

What challenges did you encounter, and how did you overcome them?

• To get card responsive with respect to smaller screen

What specific areas of your project would you like help with?

• How better we can design above Blog Preview Card webpage