Exercício: Events List

[parkejunior]

Oi @YaraWS, tudo bem contigo? Vamos lá exercitar CSS 😅

Escolhi um componente bem tradicional em muitas páginas que são as listas e nesse caso, uma lista de eventos, também criado pela Ildiko Gaspar.

Note que o o segundo item da lista está um pouco diferente, isso porque o estado dele é hover que é quando o o mouse está em cima. Isso quer dizer que toda vez que o mouse passar em cima de um item, ele tem que ficar com a aparência do segundo item.

Pode ser que mudar a aparência dos componentes em outro estado sejam um desafio para você, então não se preocupe se estiver sendo um pouco mais difícil. Mas o de sempre, precisando é só chamar!

Bom coding! 😎

Link: https://dribbble.com/shots/16742982-Events-List-UI-Design