Nomad-Momentum-6) Style

이은지·2022년 12월 21일
1

스타일 추가하기

1) 이미지가 배경으로 채워지도록 정렬
2) 시계는 수직 중앙정렬
3) 날씨, 도시 정보는 오른쪽 위
4) todo-list는 왼쪽 위
5) 명언, 저자는 수직 하단정렬
6) 폰트 크기 모듈화, 색상 통일

결과물
git 호스팅: https://dmswl2030.github.io/Nomad-Momentum/
git repository : https://github.com/dmswl2030/Nomad-Momentum

정리

너무 오랜만에 css를 해서 헷갈리는 부분이 많았다ㅠㅠ
날씨를 불러오는 api도 넣으니 내 위치에 따른 날씨가 나오는게 넘나 신기
구조가 제일 복잡한 부분은 역시 todo-list였다

리팩토링 하고싶은 부분

1) 이름 입력 시 문장이 fade out / hello name이 fade in 되도록
2) todo-list가 많아졋을때 스크롤 되도록
3) 날씨에 맞는 아이콘 추가해보기
4) AM, PM 추가하여 24시 기준이 아닌 12시간 기준으로 나오게 하면 어떨까 (오후 7시 > 19시 x)

0개의 댓글