質問: HTML、CSS初学者です。うまく質問ができずにすみません。 HTML、CSSの勉強のため、 既存PCサイト()の レスポンシブサイトを作成しています。(削除) ~~https://karujag.github.io/sugoi/~~ PCサイトは既存サイトの幅を確認しながら作りました。 全体を囲むarticleを960pxの幅で指定していて、中の要素もpxで指定しています。 ウインドウ幅が960px以下になると、表示が崩れてしまうので、 960px以下をブレイクポイントにして、floatを解除し、Widthを100%にして 縦に並べるようにしましたが、タブレットサイズで見たときの余白が気になります。 タブレットでも、余白が気になるところは、PCと同じように横に並べたいのですが、 どのようにCSSを指定したら良いのかがわかりません。 ブレイクポイントを増やして、一つずつwidthを指定する以外に良い方法はありますか? (既にCSSをたくさん指定していますが...) ソース(削除) ~~https://github.com/karujag/sugoi~~ ![![タブレットでみたとき](https://teratail.storage.googleapis.com/uploads/contributed_images/db4a8e06d08680a6b14bc983635ee703.png)
回答: 質問で意図していたことは、 ``` article{ width:100% max-width:960px; } ``` と指定し、中の要素を%で指定することで解決いたしました。