JSFiddle - React, Tailwind, and code Playground

HTML

<div class='content'>
  
  <p>A paragraph</p>
  <p>Another paragraph.</p>
  <p>No more content</p>
  
  
  <div class='bottom-content'>
      I want this div to ignore padding.
  </div>
  
  
</div>

CSS

.content {
  margin-top: 50px;
  background: #777;
  padding: 30px;
  font-size: 11px;
  border: 1px dotted #222;d
}

.bottom-content {
  background: #999;
  width: 100%; /* you need this for it to work */
  margin-left: -30px; /* will touch very left side */
  padding-right: 60px;
}