Помощь с flex, контент не распределяется?

владмир Иванов, присвоить надо было родителю flex

.main {
    display: flex;
    justify-content: space-between; }
.about__item {
max-width: 300px;
text-align: center; }

<div class="main">
	<div class="about__items">
	        <div class="about__item">
	          <img src="img/about-2.png">
	          <div class="about__item-title">
	            Адвокатское сопровождение
	          </div>
	          <div class="about__item-text">
			Мы гарантируем полное профессиональное обслуживание клиентов в заявленных сферах деятельности и соблюдение 
			конфиденциальности.
	          </div>
	          <div class="about__item-btn">
	            <a class="about__item-link" href="#">Подробнее</a>
	
	            <a href="#" data-fancybox data-src="#modal" href="javascript:;" class=" default-btn">
	              Заказать
	            </a>
	
	          </div>
	        </div>
	      </div>
	      <div class="about__items">
	        <div class="about__item">
	          <img src="img/about-2.png">
	          <div class="about__item-title">
	            Адвокатское сопровождение
	          </div>
	          <div class="about__item-text">
			Мы гарантируем полное профессиональное обслуживание клиентов в заявленных сферах деятельности и соблюдение 
			конфиденциальности.
	          </div>
	          <div class="about__item-btn">
	            <a class="about__item-link" href="#">Подробнее</a>
	
	            <a href="#" data-fancybox data-src="#modal" href="javascript:;" class=" default-btn">
	              Заказать
	            </a>
	
	          </div>
	        </div>
	      </div>
	      <div class="about__items">
	        <div class="about__item">
	          <img src="img/about-2.png">
	          <div class="about__item-title">
	            Адвокатское сопровождение
	          </div>
	          <div class="about__item-text">
			Мы гарантируем полное профессиональное обслуживание клиентов в заявленных сферах деятельности и соблюдение 
			конфиденциальности.
	          </div>
	          <div class="about__item-btn">
	            <a class="about__item-link" href="#">Подробнее</a>
	
	            <a href="#" data-fancybox data-src="#modal" href="javascript:;" class=" default-btn">
	              Заказать
	            </a>
	
	          </div>
	        </div>
	      </div>
</div>

Помощь с flex, контент не распределяется?

надо отдыха.. продублировал на автомате .about__items...он у меня родитель всех этих блоков был, поправил. и спасибо