JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<!-- newsletter section -->

<div class="newsletter_section">

<div class="newsletter_text_section">
<p>Join Balance and get 20% off your first order</p>
</div>

<div class="newsletter_gif_section">
...
</div>

<div class="newsletter_input_section">
...
</div>
    
</div>

CSS

.newsletter_text_section {
  width: 40%;
  float: left;
  padding: 15px;
    font-size:24px;
    padding-right: 0 !important;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.newsletter_text_section p {
    font-size:24px !important;
      display: inline-block;
  vertical-align: middle;
}