JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<section class="statistic">
    <div class="container">
        <div class="row">
           <h1>убойная статистика</h1>
           <p>Что мы вам дадим? Только нужное и ничего лишнего!</p>
            <div class="col-md-3 col-sm-6">
                <div class="statistic_block">
                    <img src="img/mount.jpg" alt="">
                    <p>Экономия на рекламе на 50%</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="statistic_block">
                    <img src="img/mount.jpg" alt="">
                    <p>Рост продаж от 25%</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="statistic_block">
                    <img src="img/mount.jpg" alt="">
                    <p>Коммуникация с клиентами 24/7 через его мобильный телефон</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-6">
                <div class="statistic_block">
                    <img src="img/mount.jpg" alt="">
                    <p>Увеличение среднего чека на 18%</p>
                </div>
            </div>
        </div>
    </div>
</section>

CSS

.statistic{
    text-align: center;
    line-height: 20px;
}
.statistic h1{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: #4a4a4a;
    text-transform: uppercase;
    padding-top: 30px;
}
.statistic p{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #888888;
    padding-bottom: 40px;
}
.statistic_block{
    padding: 40px; /* Поля вокруг изображения */
    margin-right: 10px; /* Отступ справа */
    margin-bottom: 10px; /* Отступ снизу */
    outline: 2px solid #1ca72c; /* Параметры рамки */
    background: #fff; /* Цвет фона */
}
.statistic_block p{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #888888;
    padding-bottom: 40px;
}