웹 페이지에서 모달 창을 만들 때, 긴 내용이 들어가거나 화면 크기에 따라 콘텐츠가 자동으로 스크롤되도록 max-height와 overflow-y: auto 속성을 사용하는 경우가 많다.하지만 이렇게 설정하면 모달 창 내부의 요소들이 의도치 않게 크기가 줄어드는 경우가 발생할 수 있다.이 글에서는 이런 현상을 해결하는 방법과 CSS flex-shrink 속성을 사용해 버튼 크기를 안정적으로 유지하는 방법을 소개하려고 한다! 모달 창을 디자인하면서 아래와 같은 스타일을 적용했다: .modal { display: none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; o..
