Design comparison
Solution retrospective
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.
Community feedback
- @juan-mentorPosted 2 months ago
Hola Denner Silva.
Tu código se ve genial, salvo quizás porque observo un uso excesivo de estilos en línea y que la imagen es algo más alta que la del diseño.
Pero no te preocupes, por que todo tiene solución. Hay un fandom donde te explica porque no hay que abusar de los estilos en linea. fandom estilos en línea.
En cuanto a la imagen una forma de que las imágenes no se estiren aunque su altura no coincida con su anchura.
object-fit: cover;
La verdad es que he aprendido con tu
@face
, no sabía que se podían incrustar fuentes así.Vas por buen camino, felicidades por tu diseño.
0@Denner-94Posted about 1 month ago@juan-mentor Olá, muito obrigado por seu feedback! Vou fazer testes no código.
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord