JSFiddle - React, Tailwind, and code Playground
by bcrosby
HTML
<script
src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8="
crossorigin="anonymous"></script>
<div class="lp-dialog-wrapper" style="display: block; z-index: 2; -webkit-font-smoothing: antialiased; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-size: 16px;">
<div class="lp-dialog" style="background: #ffffff; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px -1px; box-sizing: border-box; color: #222222; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.2; margin: 1em auto; max-width: calc(448px); padding: 0px; text-align: center; text-decoration: none; text-shadow: none; text-transform: none;">
<div class="lp-header-wrapper" style="border-radius: 8px 15px 0px 0px; padding-bottom: calc(10.5px); box-sizing: inherit; font-family: inherit; color: #222222; background-color: #fff;">
<div class="lp-header-padding" style="background-color: transparent; max-width: 100%; height: auto; padding: calc(10.5px) calc(10.5px) 0px; font-weight: normal; margin-left: auto; margin-right: auto; box-sizing: inherit; font-family: inherit;"> </div>
<div class="lp-header-text" style="font-size: calc(26.25px); font-weight: 600; letter-spacing: -.015em; line-height: 1.4; padding: 32px 21px 0px; box-sizing: inherit; font-family: inherit;"><span><img src="https://www.boerse-online.de/images/BO_Logo.png"></span></div>
</div>
<div>
<div><span class="lp-amount-text" style="display: block; font-size: 17px; color: #888; font-weight: 600; letter-spacing: 0.15px; margin: 0 0 30px 0;">Unterstützen Sie unabhängigen Journalismus!</span></div>
<div class="lp-amount-presets" style="margin-bottom: 0px; position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; max-width: 300px; margin:...