[ 아래는 완성된 소스화면입니다 ] http://rdh6329.dothome.co.kr/Home_Practice/Flex1_And_FlexGrow1/index.html 디자이너경준아빠의 웹퍼블리싱 ① 아이템의 부모에 display: flex만 한 상태 AAAAAAAAAAAAAAA BBBBBBBBBBBBBBBBBBBBBBBBBBBBBB CCCCC ② 아이템에 flex-grow: 1을 적용한 상태 (flex-basis: auto) AAAAAAAAAAAAAAA BBBBBBBBBBBBBBBBBBBBBBBBBBBBBB CCCCC ③ 아이템에 flex: 1을 적용한 상태 (flex-basis: 0) AAAAAAAAAAAAAAA BBBBBBBBBBBBBBBBBBBBBBBBBBBBBB CCCCC rdh6329.dothome.co.kr flex를 공부했다는 가정하에서 오늘은 flex: 1과 flex-grow: 1의 차이점에 대해서 설명을 해드리도록 하겠습니다. flex: 1과 flex-grow: 1...
#buttondesign
#디블리셔
#디스플레이그리드
#디스플레이플렉스
#버튼디자인
#버튼애니메이션
#웹디자이너
#웹디자인기능사실기
#웹퍼블리셔
#웹퍼블리싱독학
#이미지슬라이드
#자바스크립트독학
#제이쿼리독학
#코딩을배워봐요
#공지사항탭메뉴
#togglebutton
#css3기초
#displayflex
#displaygrid
#GNBnavigation
#GNB네비게이션
#hardcoding
#html기초
#imageslide
#javascript기초
#jquery기초
#noticetabmenu
#positionabsolute
#positionrelative
#프론트앤드백앤드
원문링크 : 디자이너경준아빠의 웹퍼블리싱 : flex: 1과 flex-grow: 1의 차이점~^^
네이버 블로그
티스토리
커뮤니티