Responsive single price grid component using html/css

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Oi @costaguh, tudo bem? Parabéns pela sua nova solução!

  Duas dicas pra vc:

  Vc pode reduzir o seu código retirando algumas divs, por exemplo dentro de cada card, exceto o botao, esses conteudos nao precisam de uma div, pode ficar la sem a div.

  Alinhe o container com flex que é mais fácil: Note que vc usou vw pra o tamanho da altura, vw = viewportwidth

  body {
      min-height: 100vh;
      background-color: var(--neutral-light-gray);
      /* height: 100vw; */
      display: flex;
      place-items: center;
      font-family: "Karla", sans-serif;
      justify-items: center;
      align-items: center;
      flex-direction: column;
      justify-content: center;
  }
  

  👋 Espero ter ajudado e continue no foco!

  Marked as helpful

  1

  ---

  

  Gustavo Costa•50

  @costaguhPosted about 2 years ago

  @correlucas Tentei fazer as correções, obrigado Lucas por sempre dar o feedback em meus códigos tem sido muito importante para o meu aprendizado, espero em breve conseguir uma vaga de estágio em alguma empresa, tenho certeza que o aprendizado aqui desenvolvido será de suma importância para essa conquista!

  0