flexbox ,чтобы было в центре и 3 блок

168
19 июня 2018, 20:30

Как сделать на flexbox ,чтобы было в центре и 3й блок был большой?

       <div class="content">
        <div class="section_item">
          <img src="img/s2item1.png" alt="">
          <p>Занятия в уютной атмосфере  </p>
        </div>
        <div class="section_item">
          <img src="img/s2item2.png" alt="">
          <p>У наших преподавателей есть
              минимум три года практики за рубежом  </p>
        </div>
        <div class="section_2-item">
          <img src="img/s2item3.png" alt="">
            <p>Бесплатная заморозка на один месяц,
                если вы решили уехать в отпуск 
            </p>
         </div>
         <div class="section_2-item">
           <img src="img/s2item4.png" alt="">
            <p> </p>
          </div>
          <div class="section_2-item">
            <img src="img/s2item5.png" alt="">
             <p>Удобное время занятий совместимое с вашим графиком </p> 
          </div>
Answer 1

С помощью flex-grow:

* { 
  margin: 0; 
  padding: 0; 
} 
 
.wrapper { 
  display: flex; 
  justify-content: center; 
} 
 
.item { 
  display: flex; 
  flex-direction: column; 
} 
 
.sub-item { 
  margin: 0.2rem; 
  width: 30vw; 
  height: 39vh; 
  background-color: crimson; 
} 
 
.grow { 
  background-color: forestgreen; 
  flex-grow: 1; 
}
<div class="wrapper"> 
  <div class="item"> 
    <div class="sub-item"></div> 
    <div class="sub-item"></div> 
  </div> 
  <div class="item"> 
    <div class="sub-item"></div> 
    <div class="sub-item"></div> 
  </div> 
  <div class="item"> 
    <div class="sub-item grow"></div> 
  </div> 
</div>

READ ALSO
Шрифт в верстке

Шрифт в верстке

Сделал карту yandex а над ней контент почему то после загрузки карты шрифты поверх нее искажаются и становятся немного мутными, как пофиксить?

198
JavaScript условия RU или EN

JavaScript условия RU или EN

Такой вопросКак сделать кнопку с двумя файлами

137
Не работают скрипты на iphone

Не работают скрипты на iphone

Постоянно сталкиваюсь с тем, что некоторые скрипты не работают на iPhoneВ частности сейчас столкнулся с такой проблемой, следующий скрипт не отрабатывает...

156