flex-grow 속성의 의문점!!


flex-grow 속성의 의문점!!

UI 개발 전 디자인 시안을 Zeplin 또는 파그마로 전달을 받는다. 그런데? 나의 작업 스타일은 Zeplin에서는 color 값, width, height, margin, padding 등 몇 가지만 보고 나머지는 프론트를 고려해서 작업을 진행한다. 오늘 갑자기 Zeplin로 전달받은 디자인 시안 보면서 UI 개발을 진행 중에 내 소스 코드에서는 잘 사용을 하지 않기도 하지만, 의문점이 들었다. Zeplin에서 제공하는 소스 코드에서는 'flex-grow: 0;'이 왜 있을까?? 그래서 또 찾아봤다!! flex-grow 란? 동일한 컨테이너 내의 나머지 유연한 항목에 비해 항목이 얼마나 커질지 지정합니다. 단, 반응형처럼 유연한 항목이 아닌 경우 적용되지 않는다.!! <style> .content{ width: 500px; height: 100px; border: 1px solid #000; display: flex; } div:nth-child(1){ flex-grow: 1; ...


#vkrmak #css3 #flexGrow #의문점 #속성 #tldks #zeplin #반응형 #width #color #padding #margin #height #코드

원문링크 : flex-grow 속성의 의문점!!