Tailwind CSS로 만든 대시보드의 그리드 구조를 설정할 수 없습니다.

Question

Tailwind CSS를 사용하여 대시보드 프런트엔드를 작성하고 있습니다. 페이지의 그리드 구조를 만들고 그 안에 구성 요소를 배치했습니다. 그러나 모든 열의 너비와 길이는 동일합니다. 일부 구성 요소는 일반적으로 더 넓어 보여야 하므로 추가한 구성 요소 중 일부가 Figma 파일과 일치하지 않았습니다. 이 문제를 어떻게 해결할 수 있나요?

내 페이지 코드:

으아악

Figma 파일 예:

내 페이지는 다음과 같습니다.

Answer 1

댓글에서 언급했듯이 flex 而不是 grid

를 사용하면 더 나은 결과를 얻을 수 있습니다.

출력:

코드:

으아악