A order summary card component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Oi @Lucas4lves, tudo bem? Parabéns pelo desafio!

  Aqui umas dicas pra você melhorar sua solução:

  1.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: 5px 5px 15px 5px rgb(0 0 0 / 5%); Esse site aqui te ajuda a criar o design da sombra e depois basta copiar e colar o código dentro do CSS: https://www.cssmatic.com/box-shadow

  2.Adicione o fundo usando background-image: url(./images/pattern-background-desktop.svg); e background-size: contain e background-repeat: no-repeat pra evitar a image repetindo:

  body {
      background-size: contain;
      background-image: url(./images/pattern-background-desktop.svg);
      background-repeat: no-repeat;
      height: 100vh;
      font-family: 'Red Hat Display', sans-serif;
      background-color: hsl(225, 100%, 94%);
  }
  

  👋 Espero ter ajudado e continue no foco!

  0