ブレイクポイントとは？
レスポンシブデザインの場合、メディアクエリを使って画面サイズ別にスタイルを切り替えます。
適用させるスタイルを切替える、この境目を『ブレイクポイント』といいます。
ブレイクポイントの決め方
決め方の正解は一つではない。サイト目的、ターゲットによって最適解を出す。
【参考記事】ブレイクポイントの決め方
https://haniwaman.com/breakpoint/
https://www.aiship.jp/knowhow/archives/3376
各デバイスの画面サイズはこちらが参考になりました。
https://www.seojuku.com/blog/responsive-mediaquery.html
メディアクエリとは？
こちらの記事を参考にしました。
https://sole-color-blog.com/blog/71/