JSFiddle - React, Tailwind, and code Playground
HTML
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".cashback202008__btnanchor, .cashback202008__anchor").bind("click", function(e){
var anchor = jQuery(this);
jQuery('html, body').stop().animate({
scrollTop: jQuery(anchor.attr('href')).offset().top
}, 1000);
e.preventDefault();
return false;
});
});
</script>
<style media="screen">
body {
margin: 0;
padding: 0;
}
#cashback202008 {}
#cashback202008 .cashback202008 {
width: 100%;
max-width: 1200px;
margin: auto;
}
#cashback202008 .cashback202008__mainlink {
display: block;
}
#cashback202008 .cashback202008__creative {
display: block;
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .25);
box-shadow: 0 5px 15px rgba(0, 0, 0, .25);
margin-bottom: 40px;
}
#cashback202008 .cashback202008__textcase {
padding: 15px 0;
}
#cashback202008 .cashback202008__blue {
color: #0099ff;
}
#cashback202008 .cashback202008__orange {
color: #ff6600;
}
#cashback202008 .cashback202008__title {
font-size: 24px;
text-align: center;
margin-top: 30px;
margin-bottom: 20px;
font-weight: bold;
}
#cashback202008 .cashback202008__text {
text-align: center;
font-size: 18px;
margin-bottom: 20px;
}
#cashback202008 .cashback202008__text--accent {
font-weight: bold;
font-size: 26px;
}
#cashback202008 .cashback202008__pravila {
display: -webkit-flex;
display: -ms-flex;
display: flex;
...