a minute ago

グリッドレイアウトで並べた要素を親要素の幅に応じて折り返す


grid-template-columns: repeat(auto-fill, <要素の幅>); を設定

.container {
  display: grid;
  grid-template-columns: repeat(auto-fill, 210px);
}

Related Articles