Section разместить внутри container или наоборот?

Question

[Jedi]

<main>
  <section>
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque fugiat harum in modi odit quas sit
          temporibus.
        </div>
        <div class="col-md-6">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate fuga hic minima provident quisquam quod
          repudiandae voluptate? Consequatur in, necessitatibus.
        </div>
      </div>
    </div>
  </section>
</main>

<main>
  <div class="container">
    <div class="row">
      <section>
        <div class="col-md-6">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque fugiat harum in modi odit quas sit
          temporibus.
        </div>
        <div class="col-md-6">
          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate fuga hic minima provident quisquam quod
          repudiandae voluptate? Consequatur in, necessitatibus.
        </div>
      </section>
    </div>
  </div>
</main>

Какой вариант более правильный ?
Где лучше всего использовать тег Section ?
Спасибо.

Answer 1

[Максим Маркитантов]

Мне больше нравится первый вариант, бывает такое что нужен bg-image с шириной 100%,а в контейнер - контент

Answer 2

[Сергей delphinpro]

Оба варианта эквивалентны этому:

<main>
  <section>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque fugiat
    harum in modi odit quas sit temporibus.
    
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate fuga
    hic minima provident quisquam quod repudiandae voluptate? Consequatur in,
    necessitatibus.
  <section>
</main>

Так в чем вопрос?
Да к тому же ваша секция не содержит заголовок. А должна бы...

Вот нашел ту старую блок-схему, просвещайтесь: