Как расположить flex элементы таким образом?

Question

[Артур Левенсон]

Доброго времени суток. Делаю адаптив, подскажите пожалуйста как расположить элементы таким образом flex ом :



пример кода: https://codepen.io/kiskiskit/pen/mdPpbLR

Answer 1

[Steppp]

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.s-contacts {
  width: 100%;
  background: linear-gradient(261.88deg, #765D69 0%, rgba(118, 93, 105, 0.7) 100%);
  display: flex;
  flex-direction: column;
  padding: 20px;
  
}

.contacts__socials {
    display: flex;
    justify-content: space-around;
    margin: 20px;
  }
.contacts__text {
  margin: 20px;

}
.contacts__text p{
  color: white;
}

.s-contacts__img {
  text-align: center;
}

Comments

[Артур Левенсон]

Спасибо