html-css 중앙 정렬

.wrap {

        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;

    }

justify-content: center;

  수직 정렬

align-item: center;

  수평 정렬

min-height: 100 vh;

  vw : viewport width 
  vh : viewport height
  
  현재 실행중인 스크린 크기에 맞춰 상대적 크기를 반환
  100vh가 전체화면의 기준이 됨
  
  현재 스크린 사이즈 width height가 1000px / 800px일 경우
  1vw = 10px / 1vh =8px