PROJECTS
Team Project 2 | 인스타그램 클론코딩 | 회원가입 UI
nicesugi
2022. 5. 5. 05:10
백엔드 기술을 들어가기 전에 먼저 메인화면 UI 수정과 함께
[ 회원가입 + 로그인 + 마이페이지 + 모달 + 드롭다운 + (개인정보설정?) ] 화면을 팀원들과 나눠 만들게 됐다.
그 중에 나는 회원가입 화면을 맡았고, 프로젝트가 아예 똑같을 필요는 없다하여 색상을 좀 바꿔봄
MOCK UP대로 만들며 발견한 오타와 실수들을 반영해 만들어 봄
지금 보면 수직정렬이 안되어 있는데,
align-contents, justify-contents, position(static, fixed, sticky, center, relative) flex-direction, grid, cloumn?
진짜 많은 코드를 도전해봤는데 막상 포스팅하려니까 기억이 다 안남.........
이제 곧 일출시간이겠다 자고 일어나서 다시 도전 !
어제도 고생했고, 오늘도 고생하자 !
어린이날이 무어냐 !
- 내가 만든 회원가입 화면에서 발생할 수 있는 DB가 뭐가 있을지 확인하기
- 가입창 UI 완성
- 가입창 jQuery, Js 코드 짜기
- API 공부
- 시간적 여유가 남는다면,,,, 안 남을거같네 ^^
그 와중에 이것저것 시도해보고~ 위의 코드에서 쓸수있는 설정 다 해보고~ 구글링해보다가~
아래의 그림과 같이 왼쪽으로 붙어서 길게 나오는걸 발견했다.
예쁘길래 다음에 쓰려고 캡쳐해놨다.
display: grid;
place-items: center;
min-height: 100vh;
반응형