statisticstephighlighttailwindresponsivegridlandingui-block

Responsive Numeric Step Highlight Block

Адаптивный блок с числом, заголовком и подзаголовком. Идеален для шагов, этапов или статистики на лендингах и дашбордах. UI-компонент.

Live Preview

Prompt

<div class="grid grid-cols-1 sm:grid-cols-[auto_1fr] gap-4 sm:gap-8 items-center">
      <p class="text-[64px] sm:text-[96px] lg:text-[120px] leading-none text-black/95 font-geist font-medium tracking-tighter">3</p>
      <div class="">
        <h3 class="sm:text-3xl text-2xl font-medium text-black tracking-tighter font-geist">steps workflow</h3>
        <p class="mt-2 text-sm sm:text-base text-black/80 font-geist">From idea to launch—fast, collaborative, reliable.</p>
      </div>
    </div>

All Prompts