transform 안될 때

노티마드코더 코코아톡 혼자 코딩하고 있는데 

.reply:focus-within input{

       width:95vw;

}

이 부분이 계속 실행이 되지 않았다.

처음에는 위에 .reply input 안에 transition:all .3s ease-in-out;을 적지 않아서 안된 줄 알았는데

해당 명령어를 적었는데도 되지 않았다.

 

밑의 영상처럼 width가 늘어나야 한다.

 

검색해도 딱히 해결책이 나오지 않아 내가 쓴 코드를 보며 이것저것 지워가며 다시 해보니

input의 부모 태그 reply__column:last-child에

display:flex;

align-items:center; 이것 때문에 되지 않았다.

정확한 이유는 아직 잘 모르겠다...