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
  • Centralizando o Card

    Estamos centralizando nosso card de produto usando Tailwind CSS, configurando seu tamanho máximo para 422 pixels. Apliquei borda arredondada, sombra e centralizei na tela usando flexbox.

    Comentários

    (0)