JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus dignissimos repudiandae, neque dolorum quaerat mollitia a debitis itaque quasi, cum totam beatae velit est dolorem laudantium, harum quia cupiditate, nemo?
  <div class="full-width">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae velit magnam asperiores, dignissimos neque, natus ullam deserunt iusto amet nesciunt assumenda a, nam perspiciatis commodi dolore expedita ipsa tempora est.
  </div>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum tenetur reiciendis, dolores esse vel magni commodi, autem deleniti consequatur. Libero corrupti quis quaerat doloribus deleniti debitis magnam, saepe consequatur laudantium!
</div>

CSS

.container {
  max-width: 400px;
  margin: auto;
  height: 400px;
  background-color: #eee;
}
.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: #ff0;
  padding-left: calc(50vw - 200px);
  padding-right: calc(50vw - 200px);
  box-sizing: border-box;
}