JSFiddle - React, Tailwind, and code Playground

by alexb

HTML

<article>
  outside section
  <section>
    <div class="content">section 1</div>
  </section>
  <section>
    <div class="content">section 2</div>
  </section>
</article>

CSS

article {
  background: cornflowerblue;
}

article,
.content {
  margin: 0 auto;
  width: 1320px;
  padding: 1em;
}

section {
  background: gold;
  border-top: 5px solid firebrick;
  min-width: 100vw;
  margin-top: 1em;
  margin-left: 50%;
  transform: translateX(-50%);
}