CSS Gridの auto-fit と auto-fill は、どちらも repeat() と組み合わせて、画面幅

CSSの flex は、Flexboxレイアウトで子要素の伸び方、縮み方、基準サイズをまとめて指定するショートハンドプロパティです。

現代のデスクトップ向けブレークポイントは、1つの固定値だけで決めるものではありません。

タブレット用ブレークポイントは、現在の実務では 768px以上をタブレット開始、1024px以上をPC寄りの開始 と考えるのが扱いやすいです。

ブレークポイントとは、画面幅に応じてレイアウトや文字サイズ、余白、表示要素を切り替えるための基準値です。

Flexboxを使った2カラムレイアウトは、Web制作で非常によく使われる基本パターンです。