Media query free layout options

layout.scss

//Option 1 - With flex
.Product-wrapper {
  display: flex;
  justify-content: space-around;
  max-width: min(80%, 1080px);
  .Product {
    margin-bottom: 30px;
    flex: 1 1 280px;
  }
}

//Option 2 - With grid
.Product-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  justify-content: space-around;
  max-width: min(80%, 1080px);
  grid-gap: 1rem;
  .Product {
    margin-bottom: 30px;
  }
}