앞서 우리는 flex에 대해서 배웠다. flex를 통해 박스 안에 있는 요소들을 비교적 자유롭고 효율적으로 배치할 수 있게 된 것이다. 우리는 이제 grid에 대해서 배울 것이다. 하지만 우리는 편리한 flex기능을 두고 왜 하필 grid에 대해서 배우게 되는 것일까? 우리는 flex를 두고 grid를 배워야 하는 이유를 알아야 한다.

이 5개의 요소는 flex이다. 우리는 space-between으로 했을 때 요소가 맨 끝쪽에 배치됨을 알 수 있다. 하지만 우리는 5를 중간에 놓고 싶을 때가 있을 것이다. 하지만 flex는 그걸 해줄 수가 없다. 그렇기 때문에 우리는 grid를 배워야 한다.