Faq Accordion Card Main

Community feedback

• 

  Adriano•42,870

  @AdrianoEscarabote

  Posted about 2 years ago

  Oi Cassia, tudo bem?

  Parabéns pelo projeto, tenho algumas dicas que podem melhorar ainda mais o projeto.

  1- Observei que a imagem "illustration-woman", está indo para o lado conforme o tamanho da tela aumenta, prefira coloca dentro do container e controlá-la com "position: absolute;" e "position: relative;", e você pode ajudar usando "right: ;". Claro que este é apenas um modo de fazer, mas aconselho testar!

  apenas um exemplo para ilustrar:

  <div class="container">
    <div class="col1">
      <img src="images/illustration-woman-online-desktop.svg" alt="">
    </div>
    <div class="col2">
      ...content
    </div>
  </div>
  

  css:

  .container {
    display: flex;
    align-items: center;
    max-width: 820px;
    position: relative;
  }
  

  algumas propriedades que eu retirei para ficar mais próximo ao design:

   h1 {
    /* position: absolute; */
    /* margin-top: 2rem;
    margin-left: 28.3rem; */
  }
  .accordion {
    height: 25rem;
    max-height: 100vh;
   /*  margin-top: 5.5rem;
    margin-left: 3rem; */
  }
  .accordion-item {
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.123);
    width: 23rem;
    /* margin-top: 0rem;
    margin-bottom: 0.2rem;
    margin-left: 25rem; */
  }
  

  se quiser ajuda só chamar!

  O restante está ótimo, Parabéns!

  11

  Marked as helpful
• 

  Ola•520

  @Great-kiola

  Posted about 2 years ago

  Hello, congratulations on completing the project, however there are few changes you need to make

  • The accordion needs to close when another one open, or the container just overflows the container, when all is opened at once, and
  • The woman and the box are not in the right place they need to be.

  You're welcome.

  20