Webページのレスポンシブ

Question

WEB制作初心者です。
HTMLとCSSを使ってWebページを作りたいと思っていて、現在レスポンシブについて学んでいるのですが、パソコンなどの広い画面だとだと画像の横に文字が表示される。
スマホなど小さい画面だと画像の下に文字が表示される。
といったデザインにしたい場合は、スマホ用の全てのCSS(floatなども)を@media...{}の中に入れるのでしょうか？

またWebページを作る際全体の横幅は設定しないのでしょうか？

中身を作ることはできるのですが、実践的な作り方が分からず、手間取っています。よろしくお願いいたします。

Answer 1

「レスポンシブ 基本」とかで調べて一通り読んで実装してみた方が早いです。ここでアドバイスを待つより、回答する側としてもここで回答残すくらいならもっと多くの目に触れる場所に書くし、そもそも先人が幾らでも書いてくれてるような内容です。

Answer 2

人によって、現場によって、案件によって変わってきますが、

スマホ用の全てのCSS(floatなども)を@media...{}の中に入れるのでしょうか？

だいたいは、基本のCSSを上に書き、
スマホ用の表示の時に適用したいCSSのみを、
その下のメディアクエリの中に書くのが主流かと思われます。