구현에 관한 사항 정리📃
1. input tweet html 구현
1) input div
- id 설정
- 내부 태그 (div-input(text)-div-textarea-button) 생성
- 반드시 넣어야 하는 id, class 설정
2) reset tweet div
- button 태그
2. input tweet CSS 구현
1) input div
- background-color 색 구현
- padding 설정
- margin 설정
2) Username&Message
- 글꼴 설정
- margin 설정
3) reset tweet div
- 배경색 설정
- margin 설정
3. 트위터 글 CSS 구현
1) tweetlist
- 배경색 설정
- padding 설정
2) li
- display : flex 설정
- message width 설정
개인적인 구현 후기📚
flex 부분만 조금 막혔지만 어렵지 않게 구현할 수 있었다
네비게이터 또는 드라이버의 역할을 수행할 수 있을정도의 수행을 해본 것 같다.
'Codestates > Pair' 카테고리의 다른 글
[Pair] 트위틀러 와이어 프레임 및 목업 구현 (0) | 2022.05.03 |
---|
댓글