* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

복습하면서 듣고 있는데요, 어떤 것을 중앙에 배치하려면 강의에서는

margin: auto;

를 사용하거든요?

그런데 최근에 들어본 스파르타코딩클럽 버킷리스트 만들기의 css에서는

center라는 클래스에

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

라는 코드가 쓰여있구요.

각각의 차이는 뭔가요? 구글링해봤는데 아직은 이해하기가 좀 어려워요.