1 키즈가오 farm1 레이아웃 작업

 

그림 13-1 키즈가오 farm1 디자인 결과물

 

farm1 공간은 이미지가 서로 겹치는 영역이 많다 보니 신경써서 작업해야 합니다. farm1 공간은 왼쪽에는 벼와 키즈가오 설명 글, 중간에는 농부, 왼쪽에는 벼가 위치합니다.

양쪽 벼는 브라우저 끝에 위치합니다(Day 12에서 양쪽 구름을 배치했던 방식을 적용하면 됩니다). 설명 글 영역은 다른 이미지보다 앞에 위치하도록 z-index 속성값을 다른 이미지보다 높게 입력해야 합니다.