共享Codepen链接在twitter

Question

所以我创建了一些codepens并在Twitter上分享了它们。当你这样做时，Twitter会创建该笔的图像。但是让我们举一个例子： 它应该是这样的： 这就是它在twitter上的样子：

对于那支笔，我使用了flexbox，如下所示：

body{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

为什么会这样？某些CSS标签（如flexbox标签）是否不支持该“图像框架”？我怎么能调整它看起来很好？只是避免使用flexbox？ 谢谢你的帮助。