margins and padding

product-list.component.css

.product-list {
  /* Padding is used on the container to create space between the content and the container's edge */
  padding: 1rem;
}

.product-card {
  /* Add a bottom margin to create vertical space between product cards,
     with the exception of the last card. */
  &:not(:last-child) {
    margin-bottom: 1rem;
  }
}