我想在一行中显示4个flipbox，但在我的代码中仅显示1个

<style>
  .container {
    display: flex;
    flex-wrap: wrap;
  }
  
  .flipbox {
    width: 25%;
    /* 其他样式属性 */
  }
</style>

<div class="container">
  <div class="flipbox">Flipbox 1</div>
  <div class="flipbox">Flipbox 2</div>
  <div class="flipbox">Flipbox 3</div>
  <div class="flipbox">Flipbox 4</div>
</div>

<style>
  .container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* 其他样式属性 */
  }
  
  .flipbox {
    /* 其他样式属性 */
  }
</style>

<div class="container">
  <div class="flipbox">Flipbox 1</div>
  <div class="flipbox">Flipbox 2</div>
  <div class="flipbox">Flipbox 3</div>
  <div class="flipbox">Flipbox 4</div>
</div>