.order-history-container {
  padding: 24px 16px;
  max-width: 1024px;
  margin: 0 auto;

  >h2 {
    margin-bottom: 16px;
  }

  .order-list {
    .order-container {
      .order-image {
        >img {
          width: 100%;
        }
      }

      .order-title {}

      .order-total {}
    }
  }
}

@media screen and (min-width: 1200px) {
  .order-history-container {
    margin-top: 48px;
    padding: 24px;
    border: 1px solid #ccc;
  }
}
