Html\Css

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  Oi Aylana, tudo bem? Parabéns por ter completado o desafio!

  Vou deixar algumas sugestões pra sua solução e você pode aplicá-las caso julgue utéis. Eu dei uma olhada na sua solução e vi alguns pontos a melhorar.

  1.Você pode colocar um container pegando todos os elementos, no caso a imagem, o h1 e o parágrafo e aplicar um padding único de padding: 16px; pra dar um espaço ao redor de todos esses elementos.

  2.O seu h1 provavelmente não está mostrando a font-weight em bold porque teve algum erro de import, você pode importar a fonte pelo CSS ou pelo HTML, nesse caso vou te mandar o import correto pro HTML:

  <link href="https: //fonts.googleapis.com/css2? family= Manrope:wght@500 &família= Roupa: wght@700 & display=swap" rel="stylesheet">

  3.Como na solução só tem uma imagem, você pode manipulá-la usando só o elemento img lá no css, exemplo abaixo pra ela ficar flexível:

  img { display: block; text-align: center; border-radius: 10px; margin: auto; max-width: 250px; height: 100%; }

  Aqui minha solução se você quiser ter um ponto de referência: https://www.frontendmentor.io/solutions/qr-code-component-SJkAUS-Iq

  Dá uma olha e depois me diz se esses ajustes funcionaram.

  0