main ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 4rem;
  justify-items: center;
  align-items: center;
  padding: 4rem;
  list-style: none;
}
.sold {
  padding: 0 0.25rem;
  width: max-content;
  border-radius: 3px;
  text-transform: uppercase;
  background-color: var(--darkblue);
  color: var(--white);
}



@media screen and (max-width: 700px) {
  main ul {
    grid-template-columns: 1fr;
    row-gap: 16rem;
    padding: 10rem 2rem;
  }
}