Layout de grid que ajusta automaticamente as colunas sem media queries.
.grid-cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
gap: 1.5rem;
}
/* Com altura equalizada */
.grid-cards .card {
display: flex;
flex-direction: column;
}
.grid-cards .card__footer {
margin-top: auto; /* empurra para o rodapé */
}Copia qualquer texto para o clipboard com fallback para navegadores mais antigos.
Componente de abas seguindo o padrão ARIA Authoring Practices com navegação por teclado.
Limita textos em uma ou múltiplas linhas com reticências usando CSS.
Estrutura semântica de card de produto com preço, avaliação e botão de compra acessível.
Formata um número como moeda brasileira usando a Intl.NumberFormat nativa.
Cabeçalho que muda de estilo ao rolar a página, usando Intersection Observer.