Closed rladngus133 closed 11 months ago
공통 ㄴ ✅ 모바일 반응형 명시된 사이즈가 없어 768px로 구현 ㄴ ✅ 네브바 , 섹션 , 버튼등 최소사이즈 360px로 브라우저 최소화시에도 일정한 디자인유지 ㄴ ✅ 각영역의 위 아래에는 공통적으로 margin:6rem(60px) 의 값을줌
네브바 ㄴ ✅ 라우터로 페이지이동 및 반응형 구현 ㄴ ❓ 테블릿 사이즈로 넘어갈시 약간의 패딩격차있음 (자연스럽게 안넘어감)
섹션 ㄴ ✅ 약간의 간단한 애니메이션추가 ㄴ ✅ PC화면에서는 Flex , 테블릿&&모바일 화면에서는 Grid ㄴ ✅ PC화면에서의 Flex 사용이유는 제시된 디자인을 유연하게 따라가기위함 Figma의 예시에는 Flex-Start를 사용후 gap준 방법을 사용했지만 추후 수정시 번거로울거라고 생각하여 첫번째 섹션에는 space-around 두번째 섹션에는 space-evenly를 사용 space-between을 사용하기에는 각 섹션마다 패딩값을 따르게 조정해야해서 번거러움이 있을거라고 생각함
공통 ㄴ ✅ 모바일 반응형 명시된 사이즈가 없어 768px로 구현 ㄴ ✅ 네브바 , 섹션 , 버튼등 최소사이즈 360px로 브라우저 최소화시에도 일정한 디자인유지 ㄴ ✅ 각영역의 위 아래에는 공통적으로 margin:6rem(60px) 의 값을줌
네브바 ㄴ ✅ 라우터로 페이지이동 및 반응형 구현 ㄴ ❓ 테블릿 사이즈로 넘어갈시 약간의 패딩격차있음 (자연스럽게 안넘어감)
섹션 ㄴ ✅ 약간의 간단한 애니메이션추가 ㄴ ✅ PC화면에서는 Flex , 테블릿&&모바일 화면에서는 Grid ㄴ ✅ PC화면에서의 Flex 사용이유는 제시된 디자인을 유연하게 따라가기위함 Figma의 예시에는 Flex-Start를 사용후 gap준 방법을 사용했지만 추후 수정시 번거로울거라고 생각하여 첫번째 섹션에는 space-around 두번째 섹션에는 space-evenly를 사용 space-between을 사용하기에는 각 섹션마다 패딩값을 따르게 조정해야해서 번거러움이 있을거라고 생각함