팀프로젝트

학습내용

1. 폰트 적용하기

• 클론코딩 조건에 명시된 구글폰트를 적용함
• 적용하고 나니 css에 미세한 조정이 필요했음

2. 헤더부분 css 조정

• css는 조금씩 수정해 나가고 있는데, 이전에 로고와 헤더부분의 컨텐츠들이 겹치는 현상은 수정을 했었고

• 오늘은 미디어 쿼리 적용시 이미지와 텍스트 부분이 겹치는 현상을 수정했다.

  • 수정 전 이미지와 텍스트부분이 겹치는 현상을 볼 수 있다.
    

  • 수정 후
    

3. 푸터부분 css 조정

• 푸터부분을 보면 기존사이트는 회사주소부분이 한줄을 다 차지한다

• 리소프트 로고의 왼쪽 여백도 너무 넓은 듯하여 수정함

• 이를 수정하기 위해 html 코드와 css를 살짝 수정함

  • 수정 전
    

  • 수정 후