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

.voices h1 に padding-bottom:64px; の余白を指定していますが、私は container の下の section に margin-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>

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

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

宜しくお願い致します。