FAQ accordion without JS

Community feedback

• 

  Danilo Blas•6,300

  @Sdann26Posted over 2 years ago

  Hola Victor!

  Cumpliste bien con el desarrollo de este proyecto pero te daria una recomendación, a la hora de achicar la ventana las preguntas se quedan pegadas a un costado y se veria mejor si estuvieran centradas.

  Modifique las siguiente clases para conseguirlo:

  .faq-card__accordion {
    padding: 0 2.4rem 4.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  @media (min-width: 41.2rem){
    .faq-card__accordion {
      padding: 4.8rem 1.6rem;
      align-items: flex-start;
    }
  }
  

  Con flex y sus propiedades centro las preguntas al medio y ya con la media querie mando las preguntas y el texto a la izquierda.

  Dejando eso te quedo bastante bien los efectos de las flechas estaria bueno si a futuro cuando tengas que hacer un toggle a mano le agregues efecto al texto para que se desplaze de arriba abajo con desvanecimiento.

  Suerte en tus proyectos :D!

  Marked as helpful

  1

  ---

  

  Victor•290

  @cervantesdeveloperPosted over 2 years ago

  @Sdann26 Gracias, lo actualizare en un momento más, no me había percatado que se comportaba de esa manera.

  Edit: Ya lo arregle, preferí editar un elemento hijo agregando margin: auto a los lados, y removiendo el margin del lado izquierdo al alcanzar el ancho de una table.

  gracias por tomarte el tiempo de darle una vistazo.

  1

  

  Danilo Blas•6,300

  @Sdann26Posted over 2 years ago

  @cervantesdeveloper Esa tambien es una buena solución! Listo éxito Victor!

  0