ウィンドウの画面幅を調整した時に崩れないデザインの作り方について

Question

前提・実現したいこと

プログラミング初学者です。
現在、HTMLとCSSを使って簡単なWEBサイトを作成しています。

発生している問題・エラーメッセージ

HTMLとCSSで作成したサイトをGoogle Chromeで表示させ、
画面幅を小さくしてみたのですが、
サイト内に配置した文字や画像の位置がかなりずれてしまいます。
下記のようなサイトをみると、
画面を小さくした時に文字サイズや画像の位置がずれることなく表示できると思います。

スマホ表示用のレスポンシブデザインなどは学習したのですが、
PCでさまざまな画面幅に合わせるための表記の仕方でつまずいてしまいました。

https://jp.sansan.com/

画面幅を変化させてもデザインが崩れないサイトの作成方法などについて
情報などいただけますと幸いです。

よろしくお願いいたします。

試したこと

widthを100%に調整したり、フォントのサイズをremにして

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[maisumakun]

当該サイトで幅を狭めた場合横スクロールバーが出ますが、そのようなものをお望み、ということで間違いないでしょうか？

[Hellow]

はい。
幅を小さくした時に横にスクロールできる、
CSSでの表記方法についてお伺いできれば幸いです。

Answer 1

https://jp.sansan.com/
上記サイトだと、以下のようにしているようです。

body {
  min-width: 1190px;
}

もしかしたら、overflow: auto;が必要になるかもしれません。

---

[補足]
多くの場合、横スクロールが発生する実装を指して「レスポンシブ対応」とは言わないように思われます。
厳密な言葉の定義、というよりも例えばクライアントに合意を得るようなシチュエーションではご注意ください。

Comments

[Hellow]

修正が行えました。
ご回答いただきありがとうございます。