벤토그리드 활용하여 디자인하기

width 가로크기

height 세로크기

gap 섹션사이 간격

padding 안쪽 여백

corder radius 모서리 둥글게

sections -사각 형태

 

equal row widths -섹션마다 가로 폭 동일하게

expand center section

 

create bento 누르면 아래 화면 나온다. 크기를 다르게 7개를 설정함.

왼쪽 오토레이아웃 모두 선택하고 wrap

 

fill container

최상위 프레임에 가득 참.

최상위 프레임 선택하고 화면 줄여보면

h 화살표 누르면

 

3개의 auto layout 선택후 h - hug contents 로 바꾸기

가로는 고정하고 세로는 화면 사이즈가 줄어들경우 높이가 변경되게 하면 작업하기 편하다.