display: grid 를 사용하여 가운데 정렬하는 방법

display:grid를 사용하여 가운데정렬을 하는 방법은 매우 간단하다. 부모 태그에 display:grid와 place-items: center;를 같이 사용하면 된다.

  place-items: center;
  display: grid;

그러면 말끔하게 가운데 정렬이 된다.