Card QRCode usando CSS Flexbox

Community feedback

• 

  Renan Rodrigues•960

  @irenanrodriguesPosted about 1 year ago

  Oi, @limacarla. Parabéns pela sua solução no desafio. Tenho alguma sugestões que você pode estar fazendo no seu projeto.

  Na sua tag body, vi que você teve problemas para centralizar na vertical o seu card, e acabou usando no css um padding-top. Você só esqueceu de usar um min-height: 100vh;, para definir uma altura mínima, para o align-items: center; poder funcionar.

  Na sua classe .qrcode, você pode estar usando um max-width: 300px;, para deixar seu card responsivo e não precisa usar flexbox na mesma.

  Na sua classe .qrcode-img, use um max-width: 100%;, para deixa-lá responsivo e acompanhar o tamanho do seu card.

  Tente começa usar tags semânticas, como <main> e <section>, assim você melhorar a acessibilidade e a organização da sua página.

  Na questão de plataforma, conheço a Netlify, Vercel e GitHub Pages. Acredito que o site aqui não tenha nenhuma restrição, em qual você vai hospedar seus desafios.

  Marked as helpful

  1

  ---

  

  Carla•40

  @limacarlaPosted about 1 year ago

  @irenanrodrigues, Obrigada! Vou estar fazendo os ajustes. Ainda tenho certa dificuldade, como é de se notar. Agradeço muito a ajuda!

  0
• 

  Andre•50

  @ahzorekPosted about 1 year ago

  Oi Carla, dá uma olhada na Netlify. De certa forma, é parecida com a Vercel, mas para projetinhos bem pequenos como esse, acaba sendo mais prática pq vc pode só arrastar a pasta do projeto, com seu html e css, pra dentro da área de deploy da plataforma e já vai ter um link pronto rodando. Ao mesmo tempo, tem uma infinidade de opções se você precisar escalar. Particularmente, Netlify e Vercel são minhas preferidas.

  Marked as helpful

  0

  ---

  

  Carla•40

  @limacarlaPosted about 1 year ago

  @ahzorek, Obrigada! Vou dar uma olhada

  0
• 

  LUCAS•60

  @Lucas-M7Posted about 1 year ago

  Olá, Carla, sobre a plataforma, se eu entendi bem, tem o próprio Github, onde você pode tá guardando o seu código e colocando-o no ar através do Github Pages.

  Marked as helpful

  0