レスポンシブデザインの適用方法

解決したいこと

レスポンシブデザインでどうCSSを適用させるか。

例えば
index.html
style.css

のファイルがあるとして、レスポンシブデザインをstyle.cssに書くのか、新しくファイルを作って⚪︎⚪︎⚪︎px以上のときにはこのファイルを適用させるのかどちらがいいのか教えて欲しいです。
また、タブレット専用のレスポンシブデザインをするべきなのかも教えていただけると嬉しいです。