과제: 피로그래밍 홈페이지 클론코딩~!

오늘 세션에서 배운 것들을 활용하여 여러분들께서 피로그래밍 홈페이지의 포트폴리오 페이지와 인터뷰 페이지를 만드시면 됩니다! **반응형으로 구현하셔야 합니다!

— 요구사항 —

• 화면 크기 350px~1400px 사이 반응형으로 구현
• 클릭 이벤트는 구현X

portfolio.html

• 21기 페이지만 구현
• hover 이펙트 모두 구현
• 박스 호버 시 2px 올라가는 효과
• 박스 호버 시 햄버거 버튼 찌그러지는 효과
• 박스 호버 시 이미지 확대되는 효과
• 화면 크기 줄어들면 박스 안에 배치가 바뀜

interview.html

• 21기 페이지만 구현
• 화면 크기 줄어들수록 column 수가 3 -> 2 -> 1 (breakpoint는 자유롭게 설정)
• hover 이펙트 모두 구현