.voices h1 ではなく section に margin-top を指定しても問題ないですか?

今回の場合はどちらでも OK ですが、「背景色をつけたときに違和感がないのは?」と考えてみることも有用です。
2022年10月28日
ユーザー

いつもお世話になっております。

.voices h1padding-bottom:64px; の余白を指定していますが、私は container の下の sectionmargin-top:64px と当てました。見た目は一緒だと存じますが、今回の動画での意図があるのならご教示いただきたいです。

 <section class="voices">
    <h1>ユーザーの声</h1>
    <div class="container">

      <!-- こちらにスタイルmargin-top: 64px;をあてました -->
      <section class="voice-content">
        <p>素晴らしいアプリでした。素晴らしいアプリでした。素晴らしいアプリでした。素晴らしいアプリでした。素晴らしいアプリでした。</p>
        <footer>
          <img 
            src="img/user1.png" 
            alt="ユーザーのアイコン"
            width="40"
            height="40">
          <p>会社員 (32)</p>
        </footer>
      </section>
    </div>
  </section>

私はこういった場面に遭遇するといつも指が止まってしまいます。

paddingmargin も同じ余白をとなるならこっちに指定したほうがいい、
こっちの要素にこっちのブロックに自分なら余白を取るといった、迷った時のアドバイスをいただけると幸いです。

宜しくお願い致します。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(2)