JSFiddle - React, Tailwind, and code Playground

HTML

<footer class="main-footer clearfix">
            <div class="container">
                <section class="footer-contacts">
                    Барбершоп Бородинский <br>
                    Адрес: г. Санкт-Петербург, Б. Конюшенная, д. 19/8 <br>
                    <a href="#">Как нас найти?</a><br>
                    Телефон: +7 (812) 666-02-66
                </section>
                <section class="footer-social">
                    <p>Давайте дружить!</p>
                    <a class="social-btn social-btn-vk" href="#">Вконтакте</a>
                    <a class="social-btn social-btn-fb" href="#">Фейсбук</a>
                    <a class="social-btn social-btn-inst" href="#">Инстаграм</a>
                </section>
                <section class="footer-copyright">
                    <p>Разработано:</p>
                    <a class="btn copyright" href="#">Анон</a>
                </section>
            </div>
        </footer>

CSS

.main-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
}

.footer-contacts {
    background: fuchsia;
}

.footer-social {
    background: greenyellow;
}

.footer-copyright {
    background: aqua;
}