Responsive landing page using Flex-Box and Grid

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Fala Pedro Henrique, tudo bem? Parabéns pelo seu primeiro desafio e seja bem vinda a comunidade do Frontend Mentor!

  Aqui umas dicas pra vc melhorar seu código / design:

  1.Adicione o valor correto de sombra box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 3%); e background-size: contain; pra fazer o background pegar a largura inteira e não ficar cortado.

  2.O valor da sombra do componente está um pouco forte, você pode melhorar isso colocando menos opacity e mais blur

  3.Uma coisa que você pode fazer pra economizar tempo é usar um CSS RESET, pro arquivo de estilo CSS e copiar e colar esse reset padrão que reseta varios comportamentos default do CSS que são um pouco chatos de usar, como margens, imagens, animações e etc. Vai salvar um bom tempo usar isso desde o começo: https://piccalil.li/blog/a-modern-css-reset/

  👋 Espero ter ajudado e continue no foco!

  Marked as helpful

  1