我已经添加了最佳响应视图的媒体查询，请检查它：

#productofferingCards {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      border: 12px solid red;
      width: fit-content;
      margin: auto;
    }


    .productcards1 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: #f9fafb;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
      border-radius: 10px;
      margin: 20px;
      width: fit-content;
    }

    @media (max-width:939px) {
      #productofferingCards {
        max-width: 100%;
        box-sizing: border-box;
      }

      .productcards1 {
        width: 100%;
      }
    }

个字符