このページは超単純なレスポンシブ･デザインなので、とりあえずChromeモバイル･エミュレーターで一般的には約「300px～3000px」解像度ぐらいをチェックしておけば良いでしょう(プロなら6k解像度ぐらいは使ってるかもしれませんので、ポートフォリオを作成するなら約「280px～6000px」解像度ぐらいには対応すると良いでしょう)。
このページのコードを参照したい場合は、必ずブラウザの開発者ツール(デベロッパー･ツール)で参照して下さい(ダウンロードするとブラウザ？によってコードが改変されてしまう場合があるようなので)。
このページのコードは非常に単純なので理解しやすいでしょう。
これは あくまでもデモなので縦スクロール･バーの幅を引いたりなどは していません。
【注意点】
このページの「要素サイズ、font-size、margin、border、column-gap、row-gap」など、全てのサイズをvw単位で指定しています、(メディアクエリは除き)pxなどの絶対単位は一切 使っていません。
bodyのデフォルトmarginは0.5vwに変更しています。
「.Border」の幅は0.05vwに設定しています。
「.Box」のcolumn-gapは1vwに設定しています。
「.Box」のrow-gapは1vwに設定しています。
font-sizeもvwで指定しているので、ブラウザによる変更を許容しません。
ブレイク･ポイントは「991px、575px」だけで、設定も超単純なページです。

●メディアクエリ「デフォルト」：
bodyタグで「font-size: 1.5vw;」を指定。
「.E001」、「.E002」の横サイズを48vwに指定。

●メディアクエリ「992px未満＝991px以下」：
bodyタグで「font-size: 3vw;」を指定。
「.E001」、「.E002」の横サイズを98vwに指定。
「.E002」(画像)の表示の順番を「-1」に指定。

●メディアクエリ「576x未満＝575px以下」：
bodyタグで「font-size: 4.5vw;」を指定。

このページの要素には縦サイズは指定していませんが、当然 プロは縦サイズも指定します。