그리드 템플릿 영역을 통해 요소 배열을 구현하려고 하는데 작동하지 않습니다. 블록을 수직, 수평으로 배열하기 위해 그리드 시스템을 사용하려고 합니다. 왼쪽의 그림과 반대쪽의 텍스트를 사용하세요. 이 코드는 왜 작동하지 않나요?
으아악 으아악
https://codesandbox.io/s/blissful-bush-tngxm8?file=/src/styles.css
사용 시 grid-template-areas时，您需要将grid-area 값은 그리드 내의 요소에 할당됩니다. 즉, 다음 css 코드를 추가하면 원하는 결과를 얻을 수 있습니다.
grid-template-areas
grid-area
css
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
사용 시
으아악grid-template-areas时，您需要将grid-area값은 그리드 내의 요소에 할당됩니다.즉, 다음
css코드를 추가하면 원하는 결과를 얻을 수 있습니다.