kiskiskit
@kiskiskit
Жадно изучаю каждый пиксель

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

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

5f58e3c987db0024385908.png

пример кода: https://codepen.io/kiskiskit/pen/mdPpbLR
  • Вопрос задан
  • 161 просмотр
Решения вопроса 2
@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;
}
Ответ написан
* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.s___contacts {
  width: 100%;
  background: #ff000;
  display: flex;
  flex-direction: column;
  padding: 40px;
}

.contact___socials {
    display: flex;
    justify-content: space-around;
    margin: 20px;
 }
.contacts___text {
  margin: 80px;
}
.contacts___text p{
  color:  red;
}

.contact___img {
  text-align: center;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы