Responsive section cards using HTML5, CSS3, Flexbox and Grid Layout.

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Fala @Dumont19, tudo bem? Parabéns pelo desafio!

  Aqui umas dicas pra melhorar sua solução:

  Pra ter o alinhamento perfeito verticalmente ficou faltando min-height: 100vh

  body {
      min-height: 100vh;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--font-poppins);
      font-size: 15px;
      overflow-x: hidden;
  }
  

  O valor da sombra do componente está um pouco forte, você pode melhorar isso colocando menos opacity e mais blur, aqui um valor bom pra essa sombra: box-shadow: 3px 5px 12px 5px rgb(0 0 0 / 5%);

  👋 Espero ter ajudado e continue no foco!

  Marked as helpful

  0

  ---

  

  Matheus Dumont•390

  @Dumont19Posted over 2 years ago

  @correlucas Muito obrigado. Assim que eu puder, vou atualizar a solução com as suas observações.

  1

  

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  @Dumont19 Beleza, perfeito irmão, eu posso analisar suas outras solucoes tbm? Caso vc deixa eu deixo algum comentario nas outras.

  0

  

  Matheus Dumont•390

  @Dumont19Posted over 2 years ago

  @correlucas Claro, irmão, fica à vontade. É sempre bom ter opiniões e receber dicas para melhorar. Ainda tenho um caminho longo pela frente.

  0