dmc1989
@dmc1989

Как обойти flex-direction для 1 елемента?

Пытаюсь изменить размер на 100% при наведении на секцию, но не получается. Работает только вариант, когда использую min-width: 100%. Но в таком случае не работает transition. Как сделать так, чтобы при наведении блок становился на 100% ширины и не менять при этом display: flex, и не задавать фиксированную ширину секциям?

https://codepen.io/wasya1212/pen/rNxPKBV
  • Вопрос задан
  • 59 просмотров
Решения вопроса 1
dmc1989
@dmc1989 Автор вопроса
&__section
    display: inline-block
    position: relative
    border: 1px solid black
    width: 100%
    height: 100%
    box-sizing: border-box
    overflow: hidden
    transition: all 1s ease-in-out
    &:hover
      cursor: pointer
      flex-shrink: 0
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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