title: ConstraintLayout is not responsive
body: <p>I have built a layout using ConstraintLayout for my android application. The application will be only available on mobile (no TV or Tablets). But honestly I don't how to make the layout perfectly fit the phone size.</p>
  
  <p>Here's one of my activity</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:background="@color/colorPrimary"
      tools:context=".MainActivity"&gt;
  
  
      &lt;TextView
          android:id="@+id/textView"
          android:layout_width="match_parent"
          android:layout_height="75dp"
          android:layout_marginStart="8dp"
          android:layout_marginTop="8dp"
          android:layout_marginEnd="8dp"
          android:layout_marginBottom="8dp"
          android:fontFamily="@font/billabong"
          android:gravity="center"
          android:text="Applikáció"
          android:textColor="@color/white"
          android:textSize="65sp"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintEnd_toEndOf="parent"
          app:layout_constraintHorizontal_bias="0.0"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintTop_toTopOf="parent"
          app:layout_constraintVertical_bias="0.054" /&gt;
  
      &lt;android.support.design.widget.TextInputLayout
          android:id="@+id/inputLayoutEmail"
          android:layout_width="300dp"
          android:layout_height="wrap_content"
          android:layout_marginStart="8dp"
          android:layout_marginTop="8dp"
          android:layout_marginEnd="8dp"
          android:layout_marginBottom="8dp"
          android:textColorHint="@color/inputText"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintEnd_toEndOf="parent"
          app:layout_constraintHorizontal_bias="0.505"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintTop_toBottomOf="@+id/textView"
          app:layout_constraintVertical_bias="0.255"&gt;
  
          &lt;android.support.design.widget.TextInputEditText
              android:id="@+id/login_email"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:backgroundTint="@color/inputText"
              android:hint="E-mail cim"
              android:inputType="text"
              android:textColor="@color/colorAccent"
              android:textColorHint="@color/colorPrimaryLight"
              tools:layout_editor_absoluteX="16dp"
              tools:layout_editor_absoluteY="214dp" /&gt;
  
      &lt;/android.support.design.widget.TextInputLayout&gt;
  
      &lt;android.support.design.widget.TextInputLayout
          android:id="@+id/inputLayoutPassword"
          android:layout_width="300dp"
          android:layout_height="wrap_content"
          android:layout_marginStart="8dp"
          android:layout_marginTop="16dp"
          android:layout_marginEnd="8dp"
          android:layout_marginBottom="8dp"
          android:textColorHint="@color/inputText"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintEnd_toEndOf="parent"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintTop_toBottomOf="@+id/inputLayoutEmail"
          app:layout_constraintVertical_bias="0.0"&gt;
  
          &lt;android.support.design.widget.TextInputEditText
              android:id="@+id/login_password"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:backgroundTint="@color/inputText"
              android:textColor="@color/colorAccent"
              android:hint="Jelszó"
              android:inputType="textPassword"
              android:textColorHint="@color/colorPrimaryLight" /&gt;
  
      &lt;/android.support.design.widget.TextInputLayout&gt;
  
      &lt;CheckBox
          android:id="@+id/checkBox"
          android:layout_width="300dp"
          android:layout_height="wrap_content"
          android:layout_marginStart="8dp"
          android:layout_marginTop="21dp"
          android:layout_marginEnd="8dp"
          android:layout_marginBottom="8dp"
          android:buttonTint="@color/colorAccent"
          android:hint="Maradjak bejelentkezve"
          android:textColorHint="@color/inputText"
          android:textSize="14sp"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintEnd_toEndOf="parent"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintTop_toBottomOf="@+id/inputLayoutPassword"
          app:layout_constraintVertical_bias="0.0" /&gt;
  
      &lt;Button
          android:id="@+id/login_button"
          android:layout_width="300dp"
          android:layout_height="wrap_content"
          android:layout_marginStart="8dp"
          android:layout_marginTop="28dp"
          android:layout_marginEnd="8dp"
          android:layout_marginBottom="8dp"
          android:background="@drawable/button_style_1"
          android:onClick="onClickButtonMain"
          android:text="Bejelentkezés"
          android:textColor="@color/white"
          android:textStyle="bold"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintEnd_toEndOf="parent"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintTop_toBottomOf="@+id/checkBox"
          app:layout_constraintVertical_bias="0.0" /&gt;
  
      &lt;Button
          android:id="@+id/registration_button"
          android:layout_width="300dp"
          android:layout_height="wrap_content"
          android:layout_marginStart="8dp"
          android:layout_marginTop="18dp"
          android:layout_marginEnd="8dp"
          android:layout_marginBottom="8dp"
          android:background="@drawable/button_style_blue"
          android:onClick="onClickButtonMain"
          android:text="Regisztráció"
          android:textColor="@color/white"
          android:textStyle="bold"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintEnd_toEndOf="parent"
          app:layout_constraintHorizontal_bias="0.494"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintTop_toBottomOf="@+id/login_button"
          app:layout_constraintVertical_bias="0.0" /&gt;
  
      &lt;Button
          android:id="@+id/information_button"
          android:layout_width="300dp"
          android:layout_height="wrap_content"
          android:layout_marginStart="8dp"
          android:layout_marginTop="8dp"
          android:layout_marginEnd="8dp"
          android:layout_marginBottom="8dp"
          android:background="@drawable/button_style_2"
          android:onClick="onClickButtonMain"
          android:text="Lépések"
          android:textColor="@color/colorAccent"
          android:textStyle="bold"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintEnd_toEndOf="parent"
          app:layout_constraintHorizontal_bias="0.505"
          app:layout_constraintStart_toStartOf="parent"
          app:layout_constraintTop_toBottomOf="@+id/registration_button"
          app:layout_constraintVertical_bias="0.612" /&gt;
  
  &lt;/android.support.constraint.ConstraintLayout&gt;
  
  </code></pre>
  
  <p>This layout looks great on Pixel but for example on Nexus S the buttons and margins like they don't actually care about how I defined them. I really would like to know what am I doing wrong. I would like to be able to build responsive layouts. </p>
  
  <p><a href="https://i.stack.imgur.com/xqz8s.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xqz8s.png" alt="enter image description here"></a></p>