我应该使用 Flexbox 还是 CSS Grid？

Question

我知道这不是一个新问题，但我还没有找到强有力的辩论，我想听听您的意见。

所以，我想做一个具有单向布局的简单组件。我应该使用什么：Flexbox 还是 CSS Grid？为什么？

只是一种偏好还是各有利弊？

检查这个超级简单的例子：https://codepen.io/joaosaro/pen/rRJXOa 一个有 3 个子容器的容器：两个 div 只占据内容大小，一个可以扩展自身尽可能的最大空间。

.flex-container {
  display: flex;
}
.flex-container .child--max {
  flex: 1;
}

.grid-container {
  display: grid;
  grid-template-columns: auto 1fr auto;
}

Answer 1

没有激烈的争论，因为有一个明显的赢家：

使用 Flexbox 进行一维布局。

它使一切的实施​​、使用和响应速度都变得更快。对于一维布局，使用网格绝对是大材小用。