Gradient isn't covering image fully on resizing after certain width

body {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.4;
	color: var(--main);
	background: rgb(207,127,85);
	background: linear-gradient(145deg, rgba(207,127,85,0.8) 0%, rgba(106,67,66,0.7) 100%), url(https://unsplash.com/photos/yNvVnPcurD8/download?force=true&w=2400);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
}

Because that is the height of the body. The image is actually overflowing.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.