All solutions

What are you most proud of, and what would you do differently next time?

Olá Pessoal! Eu sou o Leonardo e esta é a minha solução para este desafio! 😊

🛠️ Construído com:

HTML 🧾 CSS 🎨 (Flex-box) Responvivo 📲 (Media)

Tentei deixar bem organizado e limpo o código. Minha única dificuldade com esse desafio foi no gitHub, sempre que subo o site para o Pages a font que coloquei não é lida, porém no VS code está lendo normal o caminho que eu coloquei.

Caso alguém saiba meresponder o por quê ficaria hiper feliz :D e também estou aberto para feedbacks que contribuem para meu crescimento como Dev :D

Tive bastante dificuldade em incluir os 2 background redondos e também não consegui deixar eles fixados abaixo do card. Aceito dicas de como manipular o background para inserir esses dois círculos e manter eles fixos abaixo do card.

Nesse exercício eu não tive dificuldades, mas estou aberto para sugestões de melhoria em geral na semântica, um código mais limpo e etc :D

Nesse exercício eu não tive dificuldades, mas estou aberto para sugestões de melhoria em geral na semântica, um código mais limpo e etc :D

Nesse exercício eu não tive dificuldades, mas estou aberto para sugestões de melhoria em geral na semântica, um código mais limpo e etc :D

Tive um pouco de dificuldade na hora de sobrepor um elemento no outro para fazer o efeito com hover na imagem principal.

Estou aberto a dicas para melhoria do código e semântica.

Nesse exercício eu não tive dificuldades, mas estou aberto para sugestões de melhoria em geral na semântica, um código mais limpo e etc :D

Tive um pouco de dificuldade na parte de utilizar de forma efetiva a TAG <picture> e conseguir migrar a imagem de visualização desktop para a do mobile

A parte que eu tive mais dificuldade foi de separar os itens dentro da <li> e centralizar o conteúdo no meio de tela.