Huddle landing page with curved sections solution

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Fala João Pedro, tudo bem? Parabéns pelo desafio!

  Acabei de abrir o preview da sua solução e achei tudo mto bom, tem poucos detalhes pra melhorar. Aqui umas dicas:

  1.Aqui vc tem que retirar a altura height pra fazer o container parar de crescer depois da altura setada na classe, note que o conteudo começa a sair depois de 400px. Pra resolver isso é so tirar a altura, note que altura de elementos flex cresce automaticamente com o conteudo:

  main .card {
      background-color: hsl(214deg, 17%, 16%);
      width: 100%;
      max-width: 400px;
      /* height: 400px; */
      padding: 30px;
      display: flex;
      flex-direction: column;
      border-radius: 20px;
  }
  

  2.Coloque flex-wrap: wrap pra fazer os botoes com os numero se ajustarem em linhas diferentes de acordo com a largura do card:

  main .card .btn-card {
      flex-wrap: wrap;
      display: flex;
      justify-content: space-between;
      max-width: 100%;
      margin-bottom: 30px;
  }
  

  👋 Espero ter ajudado e continue no foco!

  Marked as helpful

  0

  ---

  

  João Pedro Fernandes•170

  @JPbytePosted about 2 years ago

  @correlucas obg pela dica lucas^^

  0