웹 페이지에서 모달 창을 만들 때, 긴 내용이 들어가거나 화면 크기에 따라 콘텐츠가 자동으로 스크롤되도록 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..
https://carbondesignsystem.com/developing/react-tutorial/overview Carbon Design System Carbon is IBM’s open source design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contri carbondesignsystem.com Carbon이란? Carbon은 IBM의 디지털 제품 및 경..
