Intro component with sign-up form(React and Tailwind)

Community feedback

• 

  Ehsan Tatasadi•1,800

  @tatasadiPosted 11 months ago

  Great job on completing this challenge, especially with the form validation! It's clear you've put a lot of effort into ensuring the user input is correctly handled, which is crucial for a good user experience. However, there are a couple of points regarding layout and alignment, particularly on large desktop views, that could use some attention:

  Centering Main Content on Large Screens

  On big desktop views, your main content may not be centered as expected. If your monitor size makes it difficult to spot alignment issues, try zooming out in your browser to get a better overview. To ensure your content remains centered regardless of screen size, consider using Tailwind's mx-auto utility class.

  Vertical Alignment of Sections

  It seems the two sections within your main content are not vertically aligned, which can disrupt the visual flow of your page. To fix this, you might want to use items-center to align them vertically, or you should consider putting them in another div, that does not have min-h-screen.

  These adjustments will help ensure that your layout looks polished and professional, even on larger screens. Keep up the excellent work, and continue to refine and test your designs across a range of devices to ensure the best user experience.

  Marked as helpful

  1