Criar uma tela de exibição para produtos favoritados utilizando apenas HTML e CSS. Esta tela deve mostrar uma lista de produtos que o usuário marcou como favoritos, sem funcionalidade de back-end ou interação JavaScript.
Objetivo
Permitir que os usuários visualizem de forma organizada seus produtos favoritados em uma interface limpa e intuitiva.
Requisitos
Estruturar a página com HTML para exibir uma lista de produtos favoritados.
Utilizar CSS para estilizar os elementos da página, incluindo:
Layout responsivo, organizado em cards.
Estilos que destacam cada produto, incluindo imagem, nome e preço.
Marcação para exibir o status de favorito (ícone de coração ou similar).
Exibição de uma mensagem quando não houver produtos favoritados.
Critérios de Aceitação
Página totalmente em HTML e CSS, sem JavaScript ou integração com back-end.
Layout responsivo que funcione em diferentes tamanhos de tela.
Estilo consistente com o design geral da aplicação.
Notas Adicionais
Para o ícone de favorito, usar CSS puro (pseudo-elementos ou imagens SVG).
Caso o projeto já tenha uma paleta de cores, aplicar as cores definidas.
OBS:
A IMAGEM DA AMAZON É SÓ UM EXEMPLO, QUERO QUE TENHA OS MESMOS PADRÕES E CORES DO NOSSO SITE
Descrição
Criar uma tela de exibição para produtos favoritados utilizando apenas HTML e CSS. Esta tela deve mostrar uma lista de produtos que o usuário marcou como favoritos, sem funcionalidade de back-end ou interação JavaScript.
Objetivo
Permitir que os usuários visualizem de forma organizada seus produtos favoritados em uma interface limpa e intuitiva.
Requisitos
Estruturar a página com HTML para exibir uma lista de produtos favoritados. Utilizar CSS para estilizar os elementos da página, incluindo: Layout responsivo, organizado em cards. Estilos que destacam cada produto, incluindo imagem, nome e preço. Marcação para exibir o status de favorito (ícone de coração ou similar). Exibição de uma mensagem quando não houver produtos favoritados. Critérios de Aceitação
Página totalmente em HTML e CSS, sem JavaScript ou integração com back-end. Layout responsivo que funcione em diferentes tamanhos de tela. Estilo consistente com o design geral da aplicação. Notas Adicionais
Para o ícone de favorito, usar CSS puro (pseudo-elementos ou imagens SVG). Caso o projeto já tenha uma paleta de cores, aplicar as cores definidas.
OBS:
A IMAGEM DA AMAZON É SÓ UM EXEMPLO, QUERO QUE TENHA OS MESMOS PADRÕES E CORES DO NOSSO SITE
exemplo de lista de favoritos