JSFiddle - React, Tailwind, and code Playground

by kodjoe mambi

HTML

<div class="w-grid__item w-grid__item--middle wl-qr-code wl-qr-middle">

<div class="w-grid__item-inner w-grid__item-panel w-text-center-xs w-text-center-sm w-text-center-md w-text-center w-088754deb0dd8820b733e12d9894218e">




<div class="w-btns-group">
<div class="w-btns-group__inner">
<a class="w-btns-group__item wl-qr-code-buton button_2W3 w-button ui-button ui-button--primary-dark ui-button--size-lg fade-in-top_1sq slow_3YD" data-component="button" data-animation="fade-in-top_1sq slow_3YD">

<span class="button__border_1J- ui-button__border"></span>
<span class="button__inner_2of">
<span class="button__content_1_I">RÉSERVER UN COURS</span>
</span>
</a>
</div>
</div>





<div class="w-btns-group">
<div class="w-btns-group__inner">
<a class="w-btns-group__item wl-qr-code-buton button_2W3 w-button ui-button ui-button--primary-dark ui-button--size-lg fade-in-top_1sq slow_3YD" data-component="button" data-animation="fade-in-top_1sq slow_3YD">

<span class="button__border_1J- ui-button__border"></span>
<span class="button__inner_2of">
<span class="button__content_1_I">SITE INTERNET</span>
</span>
</a>
</div>
</div>


<div class="w-btns-group">
<div class="w-btns-group__inner">
<a class="w-btns-group__item wl-qr-code-buton button_2W3 w-button ui-button ui-button--primary-dark ui-button--size-lg fade-in-top_1sq slow_3YD" data-component="button" data-animation="fade-in-top_1sq slow_3YD">
<span class="button__border_1J- ui-button__border"></span>
<span class="button__inner_2of">
<span class="button__content_1_I">TÉLÉPHONE</span>
</span>
</a>
</div>
</div>


<div class="w-btns-group">
<div class="w-btns-group__inner">
<a class="w-btns-group__item wl-qr-code-buton button_2W3 w-button ui-button ui-button--primary-dark ui-button--size-lg fade-in-top_1sq slow_3YD" data-component="button" data-animation="fade-in-top_1sq slow_3YD">
<span class="button__border_1J- ui-button__border"></span>
<span class="button__inner_2of">
<span...

CSS

.wl-qr-middle{
position: absolute!important;
top: 50%!important;
transform: translateY(-50%)!important;
width: 100%!important;
margin: 0 auto!important;
padding: 30px 0px!important;

background: red;
}