CSS Selectoren en Properties - tom-2810/your-tribe-profile-card GitHub Wiki

.dashboard display: grid; Hiermee kan ik een dashboard maken, waarmee ik items kan weergeven in tegels. 2 columns, grid-template-column: repeat(2, 1fr); Door middel van de fr-unit geef ik aan dat er in totaal 2 columns moeten zijn, die exact dezelfde breedte hebben.

.overlay position: absolute; height: 100%; bottom: -100%; in js, addEventListener, style.bottom: 0; De overlay zit eigenlijk onder mijn visitekaartje. Zodra een item word geselecteerd, verschuift de overlay naar boven (bottom: 0;)

@-webkit-keyframes slide-down transform: translateY. Hiermee laad ik mijn visitekaartje in, in plaats van dat het direct zichtbaar is.