Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Solution Contact form

Steph 500

@xStephx

Desktop design screenshot for the Contact form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

@SpartanFranco

Posted

Holaa,buen trabajo !!,me fijé que al hacer el submit con los inputs vacíos se sale del contenedor el botón de submit,porque tienes como clase md:max-h-[770px] ,entonces si sus componentes se mueven como es el caso pueden quedar fuera del main,podrías usar h-fit para que se ajuste a su contenido o aumentar el max-h para evitar ese problema ...y solo te quedaría intentar como hacer que despues de darte error los inputs al escribir en ellos el color de la fuente no sea rojo

Marked as helpful

1

Steph 500

@xStephx

Posted

@SpartanFranco Thank you for reporting me that bugs, I will fix it. If you have any other suggestions feel free to text me.

0
JT M 50

@Knuckl3h3ad

Posted

Looks great! I'll do the challenge tonight haha. I'd say the only problem is margin/padding for input elements (style wise the inputted text feels too close to left border).

1

Steph 500

@xStephx

Posted

@Knuckl3h3ad good luck in doing challenge. about margin/padding, I think it is okey but I will see again from designs, for better optimization. If you have any other sugesstions, feel free to text me!

0

@tarachand-k

Posted

  1. Font color is not correct. (provided inside style-guide.md perhaps)
  2. Spacing is not correct.
1

Steph 500

@xStephx

Posted

@tarachand-k thanks for your feedback! Yeah I saw that about font color and spacing after I posted, so I will fix it. If you have any other suggestion feel free to text me!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord