Utilizei técnicas de flex-box para alinhar

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 7 months ago

  Olá @JoseVinicioo!

  Sua solução ficou excelente!

  Tenho apenas uma sugestão:

  📌 Por questões semânticas, não pule os níveis de título - comece com <h1>, depois use <h2> e assim por diante.

  Ao contrário do que a maioria das pessoas pensa, a diferença entre os HTML headings não é só sobre o tamanho e peso do texto.

  • As tags <h1> a <h6> são usadas para definir títulos em HTML.
  • <h1> define o título mais importante.
  • <h6> define o título menos importante.
  • Use apenas um <h1> por página - ele deve representar o título principal de toda a página.

  Essa mudança tem pouco ou nenhum efeito visual, mas torna seu código HTML mais semântico, melhorando a otimização de SEO e também a acessibilidade do seu projeto.

  Espero que ajude!

  Fora isso, você fez um ótimo trabalho!

  Marked as helpful

  1
• 

  Bernardo Poggioni•5,360

  @R3ygoskiPosted 7 months ago

  Olá novamente Vinicio, e parabéns por mais um projeto concluído, ele está muito bem feito.

  Sobre saus flexbox, elas estão corretas, não vejo no que melhorar sinceramente.

  Notei algumas coisas nele que poderiam ser corrigidas, como o tamanho da imagem, que em mobile fica no tamanho correto, mas em desktop fica com um espaçamento abaixo, você pode corrigir isso modificando o tamanho da <img/>, além disso, sua responsividade quebra em 320px, uma coisa que você pode fazer para alterar isso é no seu seletor de tag main, adicionar: width: clamp(310px, 100%, 350px);, que irá definir o tamanho mínimo para 310px, o valor base para 100% e o tamanho máximo, para 350, isso faz com que fiquei responsivo.

  Bom, é isso, você sabe, se surgir qualquer duvida. basta comentar abaixo que aparecerei quando possvel

  1