[TIL] 4일차

 

•  막혔던 점

CSS에서 배경을 그라데이션을 주고 싶어서 linear-gradient를 썼는데,

화면에서 스크롤을 내리거나 댓글창이 하나 둘씩 더 만들어질 때 배경색이 이어지지 않고 끊기는 현상이 발생했다.

 

여기서 어디가 문제인지 구글링을 해보았는데 그래도 계속 제자리였다.

* {
	margin: 0;
	padding: 0;
}

html{
	height: 100vh;
}

body {
	width: 100%;
    	background: linear-gradient(#e66465, #9198e5);
}

 

 

어쩔 수 없이 다 건드려 봐야겠다는 생각을 했다.

html로 width도 옮겨보고, height값을 body 태그로 내려도 보았지만 제자리였다.

 

그래서 하나 둘씩 주석처리하면서 해본 결과

* {
	margin: 0;
	padding: 0;
}

body {
	background: #bfbfbf;
}

 

 

height 값과 width 값을 지웠더니 그라데이션 배경색이 끊기는 현상이 없어지고, 하나로 통일됐다.

 

• 느낀 점

구글링만 의존하지말고 하나둘씩 부딪혀보고 적용해보고, 생각해보려는 습관도 필요할 것 같다.