Vinit Kumbhare• 60
@vinitGithub099
Submitted
Eric
@Ericodesenvolvedor
All comments
- Eric• 60
@Ericodesenvolvedor
Posted
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 @leokazuyukinagatani
Submitted
Eric• 60@Ericodesenvolvedor
Posted
Gostei bastante do seu projeto, só há um ponto: Responsividade, tente fazer o responsivo do projeto, vai ficar muito legal.
0- Emir Hadzic• 60
@Emir985
Submitted
Eric• 60@Ericodesenvolvedor
Posted
.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 -
- Khushi Agarwal• 50
@khushi-2002
Submitted
Eric• 60@Ericodesenvolvedor
Posted
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
