Biblioteca Virtual • Programação

Simulador de CSS e lógica

Experimente estilos e regras de uma loja virtual. Ajuste os valores no painel e acompanhe o resultado.

💻 CSS & Logic Lab

Modifique os valores abaixo para estilizar a aplicação e aplicar as regras de negócio.

Q1: Tema/Nicho do E-commerce

Q2: Cor de fundo principal (Hex/Nome)

Q3: Cor dos textos principais

Q4: Cor dos textos secundários

Q5: Cor do botão de "Comprar"

Q6: Cor do botão no estado :hover

Q7: Cor de fundo do carrinho

Q8: Cor das mensagens de alerta/erro

Q9: Quantidade total de botões no site

Q10: Quantidade de produtos na vitrine

Q11: Altura do cabeçalho Navbar (ex: 70px)

Q12: Tamanho da fonte dos títulos (ex: 18px)

Q13: Tamanho da fonte dos preços (ex: 16px)

Q14: Arredondamento de bordas (border-radius)

Q15: Espaçamento entre cards (gap CSS)

Q16: Qtd total de imagens buscadas

Q28: Lista de categorias aceitas (JSON)

Q30: Nome do Texto do Cupom

Q31: Valor do Desconto do Cupom (%)

Q32: Valor mínimo para Frete Grátis (R$)

Q33: Valor fixo do Frete padrão (R$)

Q34: Texto do alerta de cupom inválido

Q35: Conta matemática do desconto

Q36: Lógica para estoque esgotado

🛒 Itens: 0

Insira o código programado na Q30 para testar o desconto.

Subtotal: R$ 0.00

Frete Calculado: R$ 0.00