Salle 34 Aile F · Confiance et pièges

La bannière de cookies piégée

Refuser les cookies demande quatre écrans.

0 salle visitée sur 37

Le piège

Version ratée

À vous : Refusez les cookies.

Réparé

Version corrigée

Vitrine fermée

Subissez d’abord le piège : elle s’ouvre toute seule.

Voir le code, avant et après

Version ratée

<button class="btn-big">Tout accepter</button>
<a class="tiny" href="#parametres">Paramétrer</a>

Version corrigée

<div class="cookie-options">
  <button>Refuser</button>
  <button>Accepter</button>
</div>
<button class="link-plain">Personnaliser</button>
.cookie-options {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.cookie-options .btn {
  flex: 1 1 8rem;
}

.link-plain {
  text-decoration: underline;
  color: var(--c-ambre);
  padding: 0;
}

.cookie-correct {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  background: #111;
  border-radius: 0.5rem;
  border: 1px solid #333;
}