Four card feature solution

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  Oi Vitório, parabéns pelo novo desafio!

  Ótima solução como sempre! Aqui uma dica a respeito de responsividade:

  Na versão mobile se vc usar max-width: 100% é melhor que width: 400px pq além de deixar o card responsivo e flexivel ele faz que o card cresça 100% da largura considerando o padding e evitar de criar um gap lateral:

  .card {
      max-width: 100%;
      display: flex;
      flex-direction: column;
      /* width: 400px; */
      border-radius: 0.3rem;
      padding: 2rem;
      background-color: var(--white);
      box-shadow: 0 8px 20px -12px grey;
  }
  

  👋 Espero ter ajudado e continue no foco!

  Marked as helpful

  1