Intro component with sign-up form Practice building.

Community feedback

• 

  Prabhjot Kaur•15

  @prabhjotkaur10Posted over 3 years ago

  Hi Luis, nice attempt. I saw your code, and I have some suggestions to fix this UI.

  • First, I saw you have set the background image for body tag, which is alright.
  • Then, you have a main-container, which is flex container, so you can add some more properties to it like "justify-content: center", add some gap between the blocks, with the help of "gap" attribute and add "align-content: center"
  • Add width (like 40% or 50%) to the "main-section" and remove the display, margin properties, its not required here
  • Add width to "section-form" as well, like 50%.
  • You can add a min-width to "section-form", so that it takes up some space.
  • Also, add some style of input fields, as they look basic.
  • Add some padding to the form.
  • The Green Button "Claim your free trial", needs to be fixed like setting font size, text transform.

  For fixing tablet view,

  • You can add media queries, and remove the "display: flex" property from main-container. and add full width (100%) to the "main-section" and "section-form" container.

  This will fix most of the UI.

  Thanks.

  0