Exercício: variável de marca reaproveitada e um espaçamento fluido
Declare uma variável de cor uma única vez e reaproveite-a, e dê a um cartão um espaçamento que se ajusta sozinho com clamp().
Estudar esta lição interativa →Complete o CSS do editor: declare --cor-marca em :root com o valor #7c3aed; use essa variável, com var(), na color de .titulo; e dê ao .cartao um padding fluido com clamp(16px, 4vw, 32px).
:root precisa de --cor-marca: #7c3aed; .titulo precisa de color: var(--cor-marca); .cartao precisa de padding: clamp(16px, 4vw, 32px).
:root{
/* sua vez: declare --cor-marca com o valor #7c3aed */
}
.titulo{
/* sua vez: color usando var(--cor-marca) */
}
.cartao{
background:#f5f3ff;
border-radius: 10px;
/* sua vez: padding usando clamp(16px, 4vw, 32px) */
}
🧩 Este é um exercício com correção automática — abra no app para completá-lo e verificar.