학습 내용
- 네이버 뉴스 1편 상단 영역
학습하면서 어려웠던 점
네이버 뉴스 상단 이미지 썸네일 4개 나란히 배열한 후 바로 아래쪽 줄 삽입하는 코드 과정에서 줄과 이미지 썸네일 겹치는 결과가 나와서 padding-bottom 값을 60으로 조정했더니 학습 영상과 비슷하게 출력 되었다.
#news-headline .news-container {
border-bottom: solid 1px #000000;
padding-bottom: 12px;
}
해결 방법
네이버 One Drive 소스 파일과 비교 및 오타 찾기를 하였고 계속적으로 코딩을 해가면서 자연스럽게 찾아가게 되었다.
학습 소감
모바일 인터넷에 접속하면 가장 많이 보게 되는 화면을 오늘 코딩을 하면서 중간에 약간 고비가 있었지만 마무리까지 마칠 수 있어서 참 다행이다.
