All solutions

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

Estou bem satisfeito com resultado, ficou incrível no dispositivos móvel. Não mudaria exatamente nada do projeto. Eu gostei muito da solução.

What challenges did you encounter, and how did you overcome them?

Em relação ao tamanho da viewport, estava com dificuldade de fazer as adaptações para dispositivos moveis, nos testes sempre aparecia uma barra de rolagem por mais que iniciasse no first mobile. Ao testar em telas maiores os textos se estendiam demais, então limitei a largura da minha hero para 1000px, mas quando voltava para mobile aparecia a rolagem, confesso que ficava bem triste!..rsrs. Mas comecei a estudar e considerei um comentário feito no meu projeto anterior. Usar max-width, pronto! Tudo resolvido, todos os elementos se adaptaram.

What specific areas of your project would you like help with?

Gostaria muito de uma melhor solução para definir o padding de tabelas, para ficar próximo do projeto inicial que tem um espaço a esquerda das linhas da primeira coluna, tive dúvida se fiz de forma correta.

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

Me orgulho de consegui posicionar todos os elementos e espaços de forma harmônica e aproximar o projeto do original.

O que faria de diferente na próxima vez seria aumentar um pouco a altura do card.

What challenges did you encounter, and how did you overcome them?

O projeto no inicio estava bem tranquilo de resolver. Primeiro escrevi a mão todo o código HTML e consegui ter uma clareza sobre como desenvolver, porém quando iniciei a estilização tive uma dificuldade em deixar a imagem em formato de circulo. Aplicar apenas a propriedade border-radiuns:50% no seletor img não foi suficiente percebi que tinha algo estranho até mesmo na aplicação das margens. Fiquei bem inseguro e fui pesquisar sobre como poderia resolver, pois bem, encontrei a solução. Primeiro e tive que envolver a tag em uma . Fazendo assim, apliquei na algumas propriedades para depois posicionar melhor a imagem.

What specific areas of your project would you like help with?

Eu apliquei a largura e altura com unidades relativas para que o comportamento em outros tamanhos de telas seja positivo. Porém quanto testei no mobile sinto uma rolagem na altura como se o contêiner fosse maior que a tela. O card esta num tamanho ok, tanto na altura como na largura, mas o contêiner que envolve fica se movendo.

Gostaria de saber se isso é normal ou existe uma solução?

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

Solucionei o desafio em menos tempo. Apliquei as propriedades certas em cada elemento, usei a propriedade @fonteface com as fontes certas. Sei que tem muito mais a aprender e a cada dia vou me aprimorando mais. Não faria nada de diferente no projeto, porém estou aberto para feedbacks caso precise de melhoras para um bom desenvolvimento.

What challenges did you encounter, and how did you overcome them?

Teve duvidas sobre que tags HTML semânticas utilizar no corpo do documento, mas fiz de acordo com o conhecimento que tenho e analisando o que poderia ser melhor na execução e chegar o mais próximo do original.

What specific areas of your project would you like help with?

Como melhorar a estilização CSS personalizada o que poderia ser feito diferente para chegar ao mesmo resultado.

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

Fico feliz de implementar o desafio e aprender como usar o git para subir meu projeto. Só achei a área do qr-code um pouco grande da próxima vez vou pensar em fazer menor.

What challenges did you encounter, and how did you overcome them?

Tive dificuldades em posicionar a imagem para que ficasse na mesma proporção, outra desafio foi usar a propriedade de transição na responsividade, tenho que estudar mais sobre essa propriedade.

What specific areas of your project would you like help with?

Como deixar o design do card onde está a imagem menor.