JSFiddle - React, Tailwind, and code Playground

HTML

<div class="welcome">
            <h1>Welcome</h1>
            <small>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua.</small>
        </div>
        <div class="welcome2">
            <h1>About</h1>
            <small>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua.<small>
        </div>
        <div class="welcome3">
            <h1>Why choose us?</h1>
            <div class="row">
                <div class="col-md-4 why">
                    <i class="fa fa-reply-all fa-3x why-icon"></i>
                    <strong>Fast support</strong>
                    <p>Our moderators will help you with your problem.</p>
                </div>
                <div class="col-md-4 why">
                    <i class="fa fa-reply-all fa-3x why-icon"></i>
                    <strong>Fast support</strong>
                    <p>Our moderators will help you with your problem.</p>
                </div>
                <div class="col-md-4 why">
                    <i class="fa fa-reply-all fa-3x why-icon"></i>
                    <strong>Fast support</strong>
                    <p>Our moderators will help you with your problem.</p>
                </div>
                <div class="col-md-4 why">
                    <i class="fa fa-reply-all fa-3x why-icon"></i>
                    <strong>Fast support</strong>
                    <p>Our moderators will help you with your problem.</p>
                </div>
                <div class="col-md-4 why">
                    <i class="fa fa-reply-all fa-3x why-icon"></i>
                    <strong>Fast support</strong>
                    <p>Our moderators will help you with your problem.</p>
                </div>
                <div class="col-md-4 why">
                    <i class="fa fa-reply-all fa-3x why-icon"></i>
                    <strong>Fast...

CSS

.welcome
{
    text-align: center;
    width: 100%;
    background-color: #3BA666;
    background-image: linear-gradient(60deg, #4DAC71 50%, #3BA666 50%);
    padding: 50px;
}

.welcome2
{
    text-align: center;
    width: 100%;
    background-color: #FF61E7;
    background-image: linear-gradient(60deg, #FF61E7 50%, #FF61D0 50%);
    padding: 50px;
}

.welcome3
{
    text-align: center;
    width: 100%;
    background-color: #32C8DE;
    background-image: linear-gradient(60deg, #32D0DE 50%, #32C8DE 50%);
    padding: 50px;
}

.why
{
    /** text-align: left; **/
    padding: 15px;
}

.why-icon
{
    color: #0E495C;
    display: block;
}