학습한 내용

오늘은 어려워하는 조원의 담당부분을 조금 구현해 도움을 주었다

해당 팀원이 구현해야 할 부분

다른 조원이 작업한 헤더와 푸터는 그대로 쓰고 사업현황 본문 부분만 작업하였다
css
일단은 에코스 부분의 왼쪽 부분만 구현하였다

반대쪽 오른편 부분도 어려워하면 구현해 볼 예정이다

어려운 내용

2번째 이미지 ( 휴대폰 이미지 )의 위치를 position: absolute로 잡아주었는데 위치 잡기가 어려웠다

해결방법

먼저 이미지의 부모 div ( .ecoce_img )에 position: relative를 주고, 휴대폰 이미지에 right: 0으로 이미지 div 영역 내에서 가장 오른쪽으로 붙여주었다
그리고 margin-top 값을 주어 이미지가 약간 내려오도록,
z-index로 이 이미지가 제일 위로 오도록 설정해주었다

학습소감