title: Layout displays differently on emulator and android than it should
body: <p>The layout is displayed differently in the design and differently in the emulator and on the android. I am new and i cant figure out why is it.</p>
  <p><a href="https://i.stack.imgur.com/Q0Oap.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Q0Oap.png" alt="enter image description here" /></a></p>
  <pre><code>&lt;EditText
      android:id=&quot;@+id/login&quot;
      android:layout_width=&quot;wrap_content&quot;
      android:layout_height=&quot;wrap_content&quot;
      android:layout_marginTop=&quot;16dp&quot;
      android:autofillHints=&quot;&quot;
      android:ems=&quot;10&quot;
      android:hint=&quot;Your login&quot;
      android:inputType=&quot;textPersonName&quot;
      app:layout_constraintEnd_toEndOf=&quot;parent&quot;
      app:layout_constraintHorizontal_bias=&quot;0.099&quot;
      app:layout_constraintStart_toStartOf=&quot;parent&quot;
      app:layout_constraintTop_toTopOf=&quot;parent&quot; /&gt;
  
  &lt;EditText
      android:id=&quot;@+id/password&quot;
      android:layout_width=&quot;wrap_content&quot;
      android:layout_height=&quot;wrap_content&quot;
      android:layout_marginStart=&quot;20dp&quot;
      android:layout_marginTop=&quot;16dp&quot;
      android:ems=&quot;10&quot;
      android:hint=&quot;Your password&quot;
      android:importantForAutofill=&quot;no&quot;
      android:inputType=&quot;textPassword&quot;
      app:layout_constraintStart_toStartOf=&quot;parent&quot;
      app:layout_constraintTop_toBottomOf=&quot;@+id/login&quot; /&gt;
  
  &lt;EditText
      android:id=&quot;@+id/email&quot;
      android:layout_width=&quot;wrap_content&quot;
      android:layout_height=&quot;wrap_content&quot;
      android:layout_marginStart=&quot;20dp&quot;
      android:layout_marginTop=&quot;16dp&quot;
      android:ems=&quot;10&quot;
      android:hint=&quot;Your email&quot;
      android:importantForAutofill=&quot;no&quot;
      android:inputType=&quot;textEmailAddress&quot;
      app:layout_constraintStart_toStartOf=&quot;parent&quot;
      app:layout_constraintTop_toBottomOf=&quot;@+id/password&quot; /&gt;
  
  &lt;TextView
      android:id=&quot;@+id/emailWarrning&quot;
      android:layout_width=&quot;wrap_content&quot;
      android:layout_height=&quot;wrap_content&quot;
      android:layout_marginTop=&quot;156dp&quot;
      android:text=&quot;fwef&quot;
      app:layout_constraintEnd_toEndOf=&quot;parent&quot;
      app:layout_constraintHorizontal_bias=&quot;0.503&quot;
      app:layout_constraintStart_toEndOf=&quot;@+id/email&quot;
      app:layout_constraintTop_toTopOf=&quot;parent&quot; /&gt;
  
  &lt;TextView
      android:id=&quot;@+id/passwordWarrning&quot;
      android:layout_width=&quot;wrap_content&quot;
      android:layout_height=&quot;wrap_content&quot;
      android:layout_marginTop=&quot;92dp&quot;
      android:text=&quot;duap&quot;
      app:layout_constraintEnd_toEndOf=&quot;parent&quot;
      app:layout_constraintStart_toEndOf=&quot;@+id/password&quot;
      app:layout_constraintTop_toTopOf=&quot;parent&quot; /&gt;
  
  &lt;RadioGroup
      android:id=&quot;@+id/radioGroup&quot;
      android:layout_width=&quot;wrap_content&quot;
      android:layout_height=&quot;wrap_content&quot;
      android:layout_marginBottom=&quot;316dp&quot;
      app:layout_constraintBottom_toBottomOf=&quot;parent&quot;
      app:layout_constraintEnd_toEndOf=&quot;parent&quot;
      app:layout_constraintHorizontal_bias=&quot;0.498&quot;
      app:layout_constraintStart_toStartOf=&quot;parent&quot;&gt;
  
      &lt;RadioButton
          android:id=&quot;@+id/radioButton9&quot;
          android:layout_width=&quot;wrap_content&quot;
          android:layout_height=&quot;match_parent&quot;
          android:text=&quot;Female&quot; /&gt;
  
      &lt;RadioButton
          android:id=&quot;@+id/radioButton7&quot;
          android:layout_width=&quot;wrap_content&quot;
          android:layout_height=&quot;wrap_content&quot;
          android:text=&quot;Male&quot; /&gt;
  
      &lt;RadioButton
          android:id=&quot;@+id/radioButton8&quot;
          android:layout_width=&quot;wrap_content&quot;
          android:layout_height=&quot;match_parent&quot;
          android:text=&quot;Shemale&quot; /&gt;
  &lt;/RadioGroup&gt;
  
  &lt;TextView
      android:id=&quot;@+id/textView4&quot;
      android:layout_width=&quot;wrap_content&quot;
      android:layout_height=&quot;wrap_content&quot;
      android:text=&quot;TextView&quot;
      app:layout_constraintBottom_toBottomOf=&quot;parent&quot;
      app:layout_constraintEnd_toEndOf=&quot;parent&quot;
      app:layout_constraintStart_toStartOf=&quot;parent&quot; /&gt;
  
  &lt;TextView
      android:id=&quot;@+id/textView6&quot;
      android:layout_width=&quot;wrap_content&quot;
      android:layout_height=&quot;wrap_content&quot;
      android:layout_marginBottom=&quot;32dp&quot;
      android:text=&quot;Set your sex:&quot;
      android:textSize=&quot;24sp&quot;
      app:layout_constraintBottom_toTopOf=&quot;@+id/radioGroup&quot;
      app:layout_constraintEnd_toEndOf=&quot;parent&quot;
      app:layout_constraintHorizontal_bias=&quot;0.498&quot;
      app:layout_constraintStart_toStartOf=&quot;parent&quot; /&gt;
  </code></pre>
  <p>while learning from youtube, I still face problems with some strange problems, despite the fact that I am doing it step by step as in the tutorial</p>