GonzaloRythmic
commented
2 years ago Hola capi! Listo lo del width del form. Pero lo demás, no entiendo bien :(. Por qué pasa lo de padding? Y lo del listener tampoco sé como hacerlo sin romper nada. Tenés razón, no me había percatado de eso cuando iba haciendo el trabajo. Cambié unas líneas de código y ya se me desaparecieron cosas, jaj. Cualquier ayuda es buena.
Buenas, @GonzaloRythmic.
Hay dos detalles pequeños para ver,
En resuluciones muy bajas (pocos celulares de todas formas, por lo cual no te preocupes tanto), los inputs, text area y el button se salen del contenedor. Capaz podrías usar un porcentaje en los width para que nunca se corra.
https://github.com/GonzaloRythmic/DesafioFinal-4/blob/fafa3bf87c89a0fa13ca798ca559635ea5db4b63/index.css#L263-L276
Lo mismo sucede con el padding del form, que empuja los bordes en resoluciones de tablets:
El listener del contacto sólo se usa en la página contacto/contacto.js pero no en la landing. Por lo cual cuando mandás un mensaje desde /index no se envía aunque en /contacto sí. Creo que con agregarle el js en un script del index quedaría o tal vez, agregando ese listener en el componente components/form/form.js y con eso también te quitarías la lógica de la página /contacto. https://github.com/GonzaloRythmic/DesafioFinal-4/blob/fafa3bf87c89a0fa13ca798ca559635ea5db4b63/index.html#L16-L21
Saludos!!