Fylo landing page

Community feedback

• 

  kamil kawa•540

  @GlaDdosPosted almost 2 years ago

  I have no idea why input is not properly aligned in the first section. It's one of the famous 'it's working on my machine' problem, because IT IS working just fine for me.

  0

  ---

  

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted almost 2 years ago

  @GlaDdos Hi, If you check your solution in another browser, for example in Firefox, you will see that the error span occupies a specified height, and for this reason it tends to center the elements in the middle.

  A possible soluton:

  * body div.wrapper main section div.content-wrapper form {
      display: flex;
      /* align-items: baseline; */
      align-items: flex-start;
      width: 80%;
      margin-top: 1rem; /* Add this*/
  }
  
  * body div.wrapper main section div.content-wrapper form button {
      width: 100%;
      padding: 0.7rem;
      /* margin-top: 1rem; */
      . . .
  }
  

  You can see a reference here

  Marked as helpful

  1

  

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted almost 2 years ago

  @GlaDdos Hi, If you check your solution in another browser, for example in Firefox, you will see that the error span occupies a specified height, and for this reason it tends to center the elements in the middle.

  A possible soluton:

  * body div.wrapper main section div.content-wrapper form {
      display: flex;
      /* align-items: baseline; */
      align-items: flex-start;
      width: 80%;
      margin-top: 1rem; /* Add this*/
  }
  
  * body div.wrapper main section div.content-wrapper form button {
      width: 100%;
      padding: 0.7rem;
      /* margin-top: 1rem; */
      . . .
  }
  

  You can see a reference here

  0