1 Column 3

Breakpoint is limited based on your device or window size.

<hr>
<div class="blocks-sc-1col-03 wrapper bg-color-ui-01">
  <div class="grid-container">
    <div class="spacer xxxx-large"></div>
    <div class="grid-x">
      <div class="large-8 medium-8 small-12 cell content-box text-center">
        <h2 class="font-h2">Stay up to date with Insites</h2>
        <div class="spacer"></div>
        <p>Subscribe to our newsletter for the latest news and product updates straight to your inbox.</p>
        <div class="spacer xxx-large"></div>
        <div class="form-holder">
          <div class="grid-x grid-padding-x gutter">
            <ins-input validate field="email" class="auto cell subscribe-component" name="email" placeholder="Enter email address"
              error-message="email error message">
            </ins-input>
            <ins-button id="submit-btn" class="shrink cell text-right subscribe-component"
              data-test="section-content-03-button-submit" solid color="blue" label="SUBSCRIBE" type="submit">
            </ins-button>
          </div>
        </div>
      </div>
    </div>
    <div class="spacer xxxx-large"></div>
  </div>
</div>
.blocks-sc-1col-03 .btn-spacer {
  width: 100%;
}

.blocks-sc-1col-03 .content-box {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 640px) { 
  .blocks-sc-1col-03 ins-button,
  .blocks-sc-1col-03 ins-button button {
    width: 100%!important;
  }   
}

.blocks-sc-1col-03 h2 {
  line-height: 38px;
}