그리드 템플릿 영역을 사용하여 그리드를 표시하는 것이 작동하지 않는 이유는 무엇입니까?

Question

그리드 템플릿 영역을 통해 요소 배열을 구현하려고 하는데 작동하지 않습니다. 블록을 수직, 수평으로 배열하기 위해 그리드 시스템을 사용하려고 합니다. 왼쪽의 그림과 반대쪽의 텍스트를 사용하세요. 이 코드는 왜 작동하지 않나요?

으아악 으아악

https://codesandbox.io/s/blissful-bush-tngxm8?file=/src/styles.css

Answer 1

사용 시 grid-template-areas时，您需要将grid-area 값은 그리드 내의 요소에 할당됩니다.
즉, 다음 css 코드를 추가하면 원하는 결과를 얻을 수 있습니다.

으아악