grid를 viewport 전체에서 사용하기

css를 수정하다가 header와 content 
사이에 공백이 생겼다. 

html, root를 포함해 모든 부모요소의 height와 width를 100%로 설정해 
주었는데도 공백이 나타나는 현상 발생 

grid-template-rows 값 추가와 
height값 수정이 필요하다고 한다. 

응답 

최상위 grid는 화면 전체를 사용할 것이므로 
viewport를 기준으로 height를 설정하라고 한다. 

레이아웃은 다시 잡혔다.