Tailwind CSS で作成したダッシュボードのグリッド構造を設定できません

Question

Tailwind CSS を使用してダッシュボード フロントエンドを作成しています。ページのグリッド構造を作成し、その中にコンポーネントを配置しました。ただし、すべての列の幅と長さは同じです。一部のコンポーネントは通常、より広く見える必要があるため、追加したコンポーネントの一部は Figma ファイルと一致しませんでした。この問題はどうすれば解決できますか?

私のページのコード:

リーリー

Figma ファイルの例:

私のページは次のようになります:

Answer 1

コメントで述べたように、grid の代わりに flex

を使用すると、これをより適切に実現できます。

出力:

コード:

リーリー