在图片旁边对齐卡片文字

Question

上周，我与Gatsby和Prismic一起深入了React.js。我已经创建了博客卡片，并使用flex：wrap显示（检查图像），现在我想水平显示博客卡片。

如果我现在做：

我的代码：

Cardlist.js：

<React.Fragment>
  <div className="cardslist">{children}</div>

  {/* --- STYLES --- */}
  <style jsx>{`
    .cardslist {
      text-align: center;

    }

    @from-width desktop {
      .cardslist {
        display: flex;
        flex-wrap: wrap
      }
    }
  `}</style>
</React.Fragment>

Answer 1

尝试以下操作：flex-direction: row;