Responsive product component using CSS Flex box and Grid

Congratulations well done. Just a few thing you can change

body {
/*   width: 90vw; */ /* remove this, this is preventing the card to be in the middle of the page. */
  min-height: 100vh; /* change to this */
  display: grid;
  place-items: center;
  background-color: var(--cream);
}