[ HTML/CSS ] 그림과 배경 레이아웃 맞추기

1. 그림을 배경에 잘 맞추고 싶으면

.main-background {
	background-size: 100%;
	background-repeat: no-repeat;
}

    아니면 cover도 많이 씀
    cover -> 배경짤려도 상관없으니 빈공간 없이 배경으로 꽉채워라

.main-background {
	background-size: cover;
}

    contain: 여백 남아도 되니까 배경 안짤리게.

.main-background {
	background-size: contain;
}

    그외

.main-background {
	background-position: center;
	background-attachment: fixed; // 스크콜시 배경 위치 조정가능
	filter: brightness(70%); // 보정 입히기, 최신 브라우저에서 사용 가능
}