>レスポンシブなWebサイトを作成する場合のブレイクポイントについてです。 >ブレイクポイントを先に決めようと思うのですが、bootstrapを使用する場合は、bootstrapのブレイクポイントと合わせた方がいいのでしょうか？ Bootstrapを使うならBootstrap用のブレイクポイントにした方が良いでしょう。 CSS GridがBootstrapよりレイアウト作成に向いている理由（翻訳） https://techracho.bpsinc.jp/hachi8833/2017_12_19/49654 そもそもプロはBootstrapなんて使わないらしいですが。 >グリッドシステムを使用する事を考えると、何となく合わせた方がいい気がしています。 >皆様の個人的な意見で構いませんので、 >合わせる/合わせないのどちらかなのかと、その理由(メリットなど)を教えていただきたいです。 プロにおけるメディアクエリのブレイク･ポイントは、一般的には(Bootstrapのブレイク･ポイントを踏襲し)「1280px以上」、「1280px未満～992px以上」、「992px未満～768px以上」、「768px未満～576px以上」、「576px未満」に分割する5パターンのレイアウト構成が推奨されているようです。 また、もうチョイ細かく分けたい場合は、「992px以上」のレンジを「1400px以上」、「1400px未満～1200px以上」、「1200px未満～992px以上」に分割する(全部で)6パターンのレイアウト構成が推奨されているようです。 (当然、アマチュアが そこまで細かく分ける必要があるのかと言う事はあるので)アマチュアにおけるメディアクエリのブレイク･ポイントは、「1312px以上」、「1312px未満～992px以上」、「992px未満～688px以上」、「688px未満」に分割する4パターンのレイアウト構成が推奨されているようです。 ※もちろん、ページのレイアウト構成によっては、それ以下のパターン数でも作成可能な場合もあります。 ※「スマホ、タブレット、PC」の画面の解像度は多少かさなっているので、メディアクエリでは、それらを完全に分けることはできません。 蛇足ですが モバイル･フレンドリーも良いですが、ちゃんとPCフレンドリーに対応できてますか？ (メディアクエリは除き)pxなどの絶対単位を使っていると「特定の解像度に依存する」ので、SEO(Search Engine Optimization：検索エンジン最適化)的には当然 マイナスになるので ご注意ください。 もしも プロを目指すなら、(メディアクエリは除き)pxなどの絶対単位を使っていると「特定の解像度に依存する」ので、当然 プロとしては失格と言って良いでしょう。 なぜ SEO的にマイナスになるのか、なぜ プロとして失格なのかは、Chromeのデベロッパー･ツールのモバイル･エミュレーターで「PC、タブレット、スマホ」の各解像度をチェックしてみれば分かるでしょう。 Webページ作成の注意点 http://ashtarte.pa.land.to/utf8/smt.cgi?r+twilight/&bid+00000295&tsn+00000295&bts+2022/01/05%2018%3A04%3A56&