사용언어: html,css
*구현기능
components
- alt-screen-header: chat의 상단바 (chat, chat2, chat3)
- badge: nav바의 알림
- bigger-scale: friends에서 친구 or chats에서 채팅방에 hover시 scale될수있는 css
- nav_bar : 하단 nav바
- no-mobile : media query를 사용하여 특정 넓이를 넘을시 화면에 표시되지 않도록한다.
- screenheader: chat을 제외한 나머지의 screenheader
- user-components: 이미지 + 이름형태를 구현하기위한 css
HTML
- chat,chat2,chat3 : 채팅방 구현
- 그외 각 페이지를 구현한 html
screens
-
각 html에대한 css 설정
-
reset 기본적인 margin을 없애기위한 reset
-
variable 자주사용하는 색을 variable로 설정