CSS 그리드를 사용한 사용자 정의 레이아웃: 특정 요소 타겟팅

Question

CSS 그리드를 사용하여 이 디자인을 재현해야 하며 결과를 얻기 위해 특정 그리드 요소의 위치를 ​​지정하려고 시도했지만 성공하지 못했습니다.

이것이 현재 제가 가지고 있는 것입니다. 몇 가지 사항을 수정해야 하지만 그 전에 바로 구조를 얻고 싶습니다.

첨부된 코드 조각:

으아아아 으아아아

레이아웃을 수정하기 위해 grid-template-rows를 사용해 보았으나 성공하지 못했습니다. 어떤 제안이 있습니까?

Answer 1

으아아아 으아아아