grid 레이아웃, flex:1 핵심 정리

  /* 1240px를 넘어가는 브라우저에서 보면, max1240px로 보여주고, */
  /* 1240보다 더 적어지면 적어진 너비의 90%를 너비로쓰게끔 세팅 */
  width: 90%;
  max-width: 1240px;

/* 핸드폰 */
@media screen and (min-width: 500px) {
  .band {
    grid-template-columns: 1fr 1fr;
  }

  .item-1 {
    grid-column: 1/3;
  }
}

/* 테블릿 */
@media screen and (min-width: 850px) {
  .band {
    /* grid-template-columns: 1fr 1fr 1fr 1fr; */
    grid-template-columns: repeat(4, 1fr);
  }
}