패스트캠퍼스X야놀자 프론트엔드 개발 HTML/CSS 과제

지난주에 PR을 올리고 코드 리뷰를 받아 리펙터링하는 HTML/CSS 과제를 진행하였다.

주요 작업은 아래와 같다.

1. 반응형 웹 사이트로 제작(모바일 제외)

2. scss 변수 설정

3. 이미지 오버레이 수정

---

1. 반응형 웹 사이트 구현(768px ~ 1024px, 테블릿)

header

헤더(전)

헤더(후)

---

main image

메인 이미지(전)

메인 이미지(후)

 

---

main section

전

후

---

전

후

---

footer

전

후

---

2. scss 변수 설정

---

3. 이미지 오버레이 수정

전

 

후

 

해결한 방법

- 사진을 자르고 top 속성에서 bottom으로 변경

---

---

느낀점

HTML과 CSS는 프로젝트를 진행하면서 많이 안다고 생각했는데 아직 많이 부족하다.

꾸준히 시멘틱 태그와 이미지를 다루는 법을 학습해야 겠다고 생각했다. 폴더 구조 또한 수정이 필요하다고 생각이 든다.