.container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: .8em;
}

.product {
  display: grid;
  place-items: center;
  border-radius: 8px;
  border: 1px solid;
  padding: 1em;

  background-color: white;
}

img {
  max-width: 100%;
  max-height: 180px;
  object-fit: cover;
  border-radius: 10px;
}

body {
  font-family: Roboto, Arial;
  color: rgb(33, 33, 33);
  background-color: rgb(75, 71, 71);
}