JSFiddle - React, Tailwind, and code Playground

by Renzo Chlebowski

HTML

<div class="process_wrapper_mobile">
    <div class="inter_mobile_process">
        <p>Interview</p>
    </div>
    <div class="inter_mobile_process">
        <p>Data reception</p>
    </div>
    <div class="inter_mobile_process">
        <p>Design</p>
    </div>
</div>

CSS

.process_wrapper_mobile {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    background-color: #CCC;
}
.process_wrapper_mobile .inter_mobile_process {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 3%;
}
.process_wrapper_mobile .inter_mobile_process p {
    text-align: center;
    color: #fff;
    font-size: 0.9em;
    background-color: #333;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 3% 5%;
}