Saya tidak boleh menyediakan struktur grid papan pemuka yang dibuat dengan Tailwind CSS-Soal Jawab Rangkaian PHP Cina

Saya sedang menulis bahagian hadapan papan pemuka menggunakan CSS Tailwind. Saya mencipta struktur grid halaman dan meletakkan komponen saya di dalamnya. Walau bagaimanapun, semua lajur adalah sama lebar dan panjang. Sesetengah komponen biasanya perlu kelihatan lebih luas, jadi beberapa komponen yang saya tambahkan tidak sepadan dengan fail Figma. Bagaimanakah saya boleh menyelesaikan masalah ini?

Kod halaman saya:

// Components // Layouts import DashboardLayout from "@/layouts/dashboard" // Icons import { BoltIcon } from '@heroicons/react/24/solid' import { Bars3CenterLeftIcon } from '@heroicons/react/24/solid' import { EllipsisVerticalIcon } from '@heroicons/react/24/solid' import { Squares2X2Icon } from '@heroicons/react/24/solid' import { CheckIcon } from '@heroicons/react/24/solid' // Types type Props = {} export default function OverviewTemplate({ }: Props) { return (    Dashboard
 
     Want to see metrics for your latest video? Upload and post a video to get started.
   
 
 
 
    Refer to your Network
  Earn up to 15% recurring commission.
 
   
 
 
 
     Gamification area
 
   Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 
 
    
 
    
 
    
 
    
 
    
 
    
 
 
 
     What’s new on Omnicourse
 
    Product Development News
 
  Newly published Contents
 
 
 
 
 
     Tips & Tricks
  
    How to Choose the best recording tool
 
  5 Steps to Generate interesting Content
 
  3 Ways to Earn Income via Omnicourse
 
  Developing Productive Habits in 3 Steps
 
 
 
 
 
 
  ) }