Skip to content
OverviewSolutions
4
Comments
4
Eric
@Ericodesenvolvedor

All comments

  • Eric•60
    @EricodesenvolvedorPosted almost 2 years ago

    Bom dia Vinit,

    Eu estava observando o seu código Css e notei algo em sua @media, você duplicou algumas linhas de código.

    
/* Seu código sem a @media */

main{
    /* background-color: red; */
    background-color: hsl(0, 0%, 95%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Seu código com @media */ 

 main{
        height: auto;
        width: 100%; (duplicado)
        display: flex; (duplicado)
        justify-content: center; (duplicado)
        align-items: center; (duplicado)
  }

/* Mude para */ 

 main{
        height: auto;
  }

    há outras linhas de código duplicadas, retire elas e seu código vai ficar mais limpo :)

    0
  • Eric•60
    @EricodesenvolvedorPosted almost 2 years ago

    Gostei bastante do seu projeto, só há um ponto: Responsividade, tente fazer o responsivo do projeto, vai ficar muito legal.

    0
  • Eric•60
    @EricodesenvolvedorPosted over 2 years ago

    .qr-code { /* height: 73vh; */ width: 320px; margin: 2rem auto; display: flex; flex-direction: column; text-align: center; background-color: hsl(0, 0%, 100%); padding: 1rem;

    • /* height: 73vh; */  : Delete this part, your text was overflowing
    0
  • Eric•60
    @EricodesenvolvedorPosted over 2 years ago

    body { background-color: hsl(212, 45%, 89%); text-align: center; width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; }

    .main-block { width: 20%; padding: 15px; background-color: white; border-radius: 15px; }

    • Vai ficar um pouco mais centralizado, o seu projeto estava para o lado direito da tela ,-,
    Marked as helpful
    0