CSS Master #2.1~#2.4

display: grid;
grid-template-columns
column-gap
row-gap
gap

• repeat( , )
  grid-template-columns: repeat(times, px);

• grid-template areas:
  "header header header "
  "content content nav"
  "footer footer footer";
  => child에 grid-area: class-name

• grid-column-start
  grid-column-end
  줄과 열의 끝나는 지점을 지정하여 늘어뜨릴 수 있음