팀프로젝트

홍주환·2022년 8월 8일
0

오늘 에코스 화면 작성작업을 하였습니다.

먼저 에코스 텍스트와 글씨를 수정한부분입니다.

밑에 ECO-CLEAN-EARTH부분을 회색글씨체로 바꾸로 글씨 굵기는 BOLD로 바꾸었습니다.

다음으로 에코스 로고 부분을 수정한부분입니다.

국내 최초 탄소중립 실천인증 플랫폼 이라는 글씨체를 굵게 바꾸로 font-size도 40px을 주었습니다.

다음으로 버튼모양을 수정중에 있습니다.


이미지로고랑 글씨가 같이 나오게 하려고 연구중입니다.

모아두 화면도 현재 작업중에 있으며 그라데이션 배경색 전체적용하는 방법을 연구중입니다.

버튼 모양을 수정한 모습입니다.

플레이스토어 로고와 애플스토어 로고가 검은색 모양에 위치시키게 하였습니다.

모아두 화면을 작성해보았습니다


모아두 텍스트를 넣었고

오른쪽 하단에 사이트바로가기 버튼을 추가하였습니다.

학습소감 조금씩 수정해나가면서 바뀌어 가는 모습을 보니 신기하기도 하고 재밌었지만 알아가는 과정이 어려웠습니다. 앞으로 더욱더 열심히 배워 모르는 지식을 배워나가야겠습니다.

모아두 화면 전체 수정한 모습입니다.


아직 배경 그라데이션을 적용하지 않아 완벽하지 않습니다. 그라데이션 적용방법에 대해 연구중입니다.
추가로

오늘 알아본 결과로
background-size는 배경이미지 크기를 조정합니다.
background-orgin는 배경이미지의 위치를 결정할 기준을 설정합니다.
background-clip는 배경이미지의 영역을 설정합니다.

에코스 전체화면입니다.

profile
열심히 배우자

0개의 댓글