Blog Preview Card - Responsive Design

Community feedback

• 

  Daniel 🛸•44,250

  @danielmrz-devPosted 9 months ago

  Fala Bruno!

  Seu projeto ficou excelente!

  Tenho uma dica pra facilitar bastante sua vida:

  • Vi que você teve um baita trabalho pra criar aquela sombra preta atrás do card. O que você fez mostra que você tem um talento pra resolver problemas, sem dúvidas. Você deu seu jeito e entregou um resultado igualzinho o esperado.

  Mas, pra te dar uma ajuda, você só precisava adicionar um box-shadow ao card, desse jeito:

  .card {
     box-shadow: 15px 15px 0 black;
  }
  

  Ou seja, tudo isso aqui abaixo, pode remover do seu código:

  .card::before {
      content: '';
      display: block;
      width: 100%;
      /* height: 100%; */
      background-color: var(--black);
      position: absolute;
      top: 15px;
      right: -15px;
      border-radius: 1rem;
      z-index: -1;
  

  Espero que ajude!

  Marked as helpful

  0

  ---

  

  Bruno Henrique•70

  @brunohenriquedeveloperPosted 9 months ago

  @danielmrz-dev Muito obrigado pela dica, com certeza esse conhecimento me poupará muito mais tempo kkkkkk

  1