Code Examples
            
            
<div class="grid grid-cols-3 gap-8 py-20 bg-orange-600 px-3">
    <div class="col-span-1">
      <div class="bg-white/95 backdrop-blur-lg rounded-lg shadow-md shadow-gray-950/10 overflow-hidden">
        <div class="p-3">
          <div class="font-semibold text-base mb-3">
            개발관련 질문을 하려면?
          </div>
          <div class="flex mb-8">
            <div class="bg-gray-950 text-white px-3 py-0.5 rounded-md text-sm">
              답변대기중
            </div>
          </div>
          <div class="flex gap-2 flex-wrap">
            <div class="text-purple-900 bg-purple-200 py-0.5 px-2 rounded-md text-sm">
              react.js
            </div>
            <div class="text-orange-900 bg-orange-100 py-0.5 px-2 rounded-md text-sm">
              prisma.js
            </div>
          </div>
        </div>
        <div class="px-3 pb-3 border-t border-gray-300 bg-gray-200 pt-3">
          <div class="text-sm underline">
            프론트엔드 게시판 가기
          </div>
        </div>
      </div>
    </div>

    <div class="col-span-1">
      <div class="bg-white/95 backdrop-blur-lg rounded-lg shadow-md shadow-gray-950/10 overflow-hidden">
        <div class="p-3">
          <div class="font-semibold text-base mb-3">
            개발관련 질문을 하려면?
          </div>
          <div class="flex mb-8">
            <div class="bg-gray-950 text-white px-3 py-0.5 rounded-md text-sm">
              답변대기중
            </div>
          </div>
          <div class="flex gap-2 flex-wrap">
            <div class="text-purple-900 bg-purple-200 py-0.5 px-2 rounded-md text-sm">
              react.js
            </div>
            <div class="text-orange-900 bg-orange-100 py-0.5 px-2 rounded-md text-sm">
              prisma.js
            </div>
          </div>
        </div>
        <div class="px-3 pb-3 border-t border-gray-300 bg-gray-200 pt-3">
          <div class="text-sm underline">
            프론트엔드 게시판 가기
          </div>
        </div>
      </div>
    </div>
    <div class="col-span-1">
      <div class="bg-white/95 backdrop-blur-lg rounded-lg shadow-md shadow-gray-950/10 overflow-hidden">
        <div class="p-3">
          <div class="font-semibold text-base mb-3">
            개발관련 질문을 하려면?
          </div>
          <div class="flex mb-8">
            <div class="bg-gray-950 text-white px-3 py-0.5 rounded-md text-sm">
              답변대기중
            </div>
          </div>
          <div class="flex gap-2 flex-wrap">
            <div class="text-purple-900 bg-purple-200 py-0.5 px-2 rounded-md text-sm">
              react.js
            </div>
            <div class="text-orange-900 bg-orange-100 py-0.5 px-2 rounded-md text-sm">
              prisma.js
            </div>
          </div>
        </div>
        <div class="px-3 pb-3 border-t border-gray-300 bg-gray-200 pt-3">
          <div class="text-sm underline">
            프론트엔드 게시판 가기
          </div>
        </div>
      </div>
    </div>
  </div>