This was a really fun project to build. Took me about a week which is about how long I thought it would take me. The project often made me think outside the box especially when it came to the CSS and doing some things I had never done before.
I am learning React from SheCodes and implementing Frontend Mentor designs. This was a simple and easy design that I would recommend for beginners. I would appreciate any feedback.
Hi, Serah
Great Job!
I would just recommend you to center The Card well to the screen, you could do it with this code in your general css file of the website
body {
min-heigth: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
Excelente trabajo, solamente le pondría un :hover al boton y cursor: pointer al botón del "Sign Up" para darle un poco de dinamismo.
Resumiendo, quedó practicamente identico.
Any encouraging feedback is appreciated.
Bien hecho, buen diseño, responsive. Quizá agregar alguna transición al abrir cada pregunta para que no se vea tan tosco.
I would appreciate it if anyone could review my code. Please tell me even tiny mistakes
Está bien hecho, el unico inconveniente que veo, es que la img del fondo no estpa ocupando el 100% del width de la pantalla.
Feedback welcome over areas of improvement and best practices.
Ten cuidado con la img de fondo, ya que no está ocupando el 100% de la pantalla, de resto, muy buen trabajo.
Thank you for looking at my solution for this project. Please feel free to leave any feedback regarding my solution!
Está bien, solo que no es responsive. Solo sería eso, de resto, buen trabajo.
This challenge was difficult for me because of the requirement to hide and show elements dynamically. I was unsure whether to use an ES6 class or a JavaScript object. I went with the JavaScript object to be safe.
Si quieres usar algún Framework, te recomendaría Bootstrap. Se hace un poco más sencillo el hacer este tipo de ejercicios.
Te dejo el enlance para que le eches una lectura rápida, es del componente 'accordion', el cual es usado para este tipo de ejemplos.
Muchos éxitos
creo que lo mas complicado es tener el css adecuado para que JavaScript active y desactive la clase, aun siento que me quedo muy ancha la caja de las preguntas
¿esto hoy en día se hace con alguna librería de css o en la practica las paginas siguen usando este método?
Si quieres usar algún Framework, te recomendaría Bootstrap. Se hace un poco más sencillo el hacer este tipo de ejercicios.
Te dejo el enlance para que le eches una lectura rápida, es del componente 'accordion', el cual es usado para este tipo de ejemplos.
Muchos éxitos
I had a little problem with the background image and I will fix that soon.
Ten cuidado con las imagenes, ya que el fondo no se muestra en toda la pantalla. De resto, buen trabajo.
