DAY 18

수원 개발자·2023년 8월 1일
0

Web Development BootCamp

목록 보기
13/19

#highlights {
    padding: 24px;
    background : linear-gradient(45deg, rgb(227, 255, 253), rgb(202, 243, 240)); // 각도, 색상 1, 색상 2
}

배경에 그라데이션을 추가해봤다.

또한 푸터에 인스타그램과 페이스북 로고를 추가하여 푸터를 완성시켰다.
당연하게도 푸터는 display : flex 를 통해 이미지를 양 옆으로 배치시키고 그것의 사이즈를 조절해주었다.

destination 페이지에는 헤더가 고정되도록 하기 위해 position 속성을 static으로 바꿔주었다.

그리고 이런 것들이 잘 적용되게

<link rel="stylesheet" href="shared.css">
<link rel="stylesheet" href="places.css">

이런 식으로 순서를 항상 shared가 위로 가게 유의해준다.

0개의 댓글