レスポンシブ変形

サンプルページ
『レスポンシブ変形 (4列)』
『レスポンシブ変形 (3列)』
『レスポンシブ変形 (2列)』

ブレークポイントはいろいろ調べても正解がわからなかったので、以下の感じでイメージしてみました。
・781px～　パソコン、タブレット
・521px～780px　スマホ横
・～520px　スマホ縦

こちらを参考にさせていただきました
↓
https://design-tera.com/blog/archives/2372/