JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<div id="container">
<div class="footer-image-container">
<div id="footer-left">
<div class='appBanner' style='display: flex;margin-top: auto;'>
<div class='appBannerImg' style='margin:auto 0 0 0;height: 198px;'>
<img style='width: 175px;' src='https://res.cloudinary.com/dk0z4ums3/image/upload/f_auto/v1545112840/email_template/phone.png'>
</div>
<div class='appBanneContent' style='padding: 0 0 0 20px;text-align: center;display: flex;justify-content: center;align-items: center;'>
<div class='appEntry'>
<h3 style='margin: 0 0 5px 0; letter-spacing: 2px;'>ALODOKTER</h3>
<h4 style='font-weight: 900;font-size: 24px;margin: 0 0 10px 0;'>Chat Dokter
<br>Gratis!
</h4>
<span style='display: block;margin: 0 0 10px 0;font-size: 14px;'>Download Sekarang</span>
<div class='app-logo'>
<a href='https://alodokter.onelink.me/1997390319?pid=Web-Dekstop-IOS-Pageapp&is_retargeting=true&af_dp=alodokter%3A%2F%2F&af_web_dp=https%3A%2F%2Fitunes.apple.com%2FID%2Fapp%2Fid1405482962'>
<img style='width: 74px;' src='https://res.cloudinary.com/dk0z4ums3/image/upload/f_auto/email_template/Appstore.svg'>
</a>
<a href='https://alodokter.onelink.me/1997390319?pid=Web-Dekstop-Pageapp&is_retargeting=true&af_dp=alodokter%3A%2F%2F&af_web_dp=https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdetails%3Fid%3Dcom.alodokter.android'>
<img style='width: 74px;'src='https://res.cloudinary.com/dk0z4ums3/image/upload/f_auto/v1545112839/email_template/Playstore.svg'>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer-right" style='float: left;
width: 35%;
display: block;
height:inherit; background: #3670d3;color: #fff;margin-left: 10px;padding: 30px 30px 0 30px;'>
<h3 style='margin:0;...
CSS
html,body{
height:100%;
}
#container {
height:100%;
width:100%;
}
#footer-left{
float: left;
border: 1px;
width: 60%;
height:inherit;
}