[7월 28일]

정서이·2022년 7월 28일

1) 학습한 내용

1.세부적인 디자인


글씨체 및 여백 등을 조정

2.화면크기에 따른 페이지(940px보다 작을 때)

(1)리소프트 뉴스 한줄로 정렬


(2)더보기버튼 위치조절


2) 학습내용 중 어려웠던 점

화면크기가 줄어들어도 내용이 줄어들지 않았다.

3) 해결방법

width:1920px; 이런식으로 구체적으로 크기를 지정한 코드를 퍼센트로 수정하였다.

4) 학습소감

화면크기에 따라 미디어쿼리를 지정할때 생각보다 많은 코드를 바꿔야해서 놀랐다.

0개의 댓글