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

Contact form

Mateogr03 310

@Mateogr03

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

@alekseibodeev

Posted

Hi @Meteogr03 👋 I don't have access to your project repository so it's hard to give detailed feedback.

Here're my suggestions:

  • There is layout shift when submitting form with invalid data. You can fix that by alocating enough space for error messages before they actually appear on the screen.

  • Toast dialog doesn't fit on the screen. It's better to remove toast from main layout by giving it position: absolute or position: fixed.

Hope that was somehow helpful 😌

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