[HTML/CSS] 프론트엔드 스쿨 Form, Input 과제

Mooongs·2022년 3월 31일
1

프론트엔트스쿨

목록 보기
4/28
post-thumbnail
post-custom-banner

📍 오늘의 과제

서비스를 만들었다 가정하고, html과 css로 회원가입 form 만들기
naver의 회원가입 페이지를 클론해 form을 만들어 보았다.


🖊 추가한 사항

◾ 성별 파트에 select, option으로 드롭다운 만들기
◾ input focus시에 outline 색상 변경
◾ 가입하기 input에 cursor:pointer
◾ 여러 input type 적용해보기


🖋 앞으로 추가 및 개선해야 할 것

추가 페이지 (로그인, 약관 동의)
휴대전화 파트 구조 개선 (flex 생각중)
반응형 고려해서 구조 개선
생년월일 파트의 미세한 width 조정
type selector 대신 class로 css 일부 수정

GitHub 링크 바로 가기 →

로그인, 회원 가입, 약관 동의 페이지를 다 만들어본 게 처음이어서 너무 재미있었고 semantic tag, class 사용하는 연습을 다양하게 해볼 수 있는 기회였다. 아직 부족한 점이 많으니 앞으로 추가하거나 고치고 싶은 부분이 있으면 위 링크에 추가적으로 덧붙이고 싶다. (피드백도 감사합니다!💜)

profile
#FE개발자🐣 #새로운건 #짜릿해
post-custom-banner

0개의 댓글