Todos

Mini Projetos

Resolução do Mini Projeto

Card de produto com TailwindCSS

Login

Introdução

  • Introdução
  • Clonando o projeto
  • Conteúdo

  • Entendendo o design no Figma
  • Centralizando o Card
  • Integrando Assets do Figma
  • Ajustes de Estilo CSS
  • Alinhamento com Tailwind CSS
  • Estilizando Preço e Botão
  • Botão Comprar Personalizado
  • Finalização

  • Ajuste Dinâmico de Estrelas
  • Card de Produto com Tailwind
  • Introdução

  • Introdução
  • Clonando o projeto
  • Conteúdo

  • Entendendo o design no Figma
  • Centralizando o Card
  • Integrando Assets do Figma
  • Ajustes de Estilo CSS
  • Alinhamento com Tailwind CSS
  • Estilizando Preço e Botão
  • Botão Comprar Personalizado
  • Finalização

  • Ajuste Dinâmico de Estrelas
  • Card de Produto com Tailwind
  • Alinhamento com Tailwind CSS

    Organizamos a seção final, alinhando o ícone de caminhão e a mensagem de frete grátis com Tailwind CSS. Usamos flex para alinhamento, gap-4 para espaçamento e ajustamos o tamanho do ícone para size-4.

    Comentários

    (0)