@Alena_Y

Как изменять ширину flex элемента при активации flex-wrap?

Доброго времени суток, есть контейнер, в контейнере два flex элемента, первый имеет ширину в 60%, второй в 40%
В целях адаптации под мобильные экраны было добавлено свойство flex-wrap, чтобы на маленьких разрешениях второй элемент не налезал на другой, а переносился на другую строку
Но есть проблема: при переносе второго элемента на другую строку его ширина (40%) остаётся, а в случае перенесения хотелось бы, чтобы второй элемент занимал все пространство (ширина на 100%)
Хотела спросить, какие есть js-методы для отслеживания события flex-wrap, и можно ли поменять ширину элемента при переносе на новую строку силами css?
  • Вопрос задан
  • 51 просмотр
Решения вопроса 1
hzzzzl
@hzzzzl
Но есть проблема: при переносе второго элемента на другую строку

примерно замерить в пикселях, в какой момент это происходит, и

@media (max-width: 600px) {  /*  при 600 рх */
  .element2 {  
    flex-basis: 100%;    /*   на всю ширину */ 
  }
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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