Центральное положение CardView Layout в ViewPager

Question

Привет, я разрабатываю свое первое приложение для Android и борюсь с макетом.У меня есть Carview в моем фрагменте, и макет находится на каждом устройстве в другой позиции.

Мне нравится размещать макет для каждого устройства (только для телефонов) в центральном положении.

Пиксель- Android 8.0 - 1080 × 1920 |420 dpi

Mate 9 - Android 7.0 - 1080 × 1920 |480 точек на дюйм

Galaxy J1 Ace - Android 5.1 - 480 × 800 |240 dpi

Вот мой код CardView - я думаю, что мой способ действительно странный - может кто-нибудь исправить мой макет и дать мне несколько советов, как я могуулучшить мои "навыки компоновки"

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:orientation="horizontal"
    card_view:cardElevation="10dp"
    card_view:cardUseCompatPadding="true"
    card_view:cardCornerRadius="7dp"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_gravity="center">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"

        android:orientation="vertical"
        android:layout_gravity="center">

        <ImageView
            android:id="@+id/main_Image"
            android:layout_width="399dp"
            android:layout_height="300dp"
            android:layout_gravity="center"
            android:scaleType="fitXY"
            android:src="@drawable/default_image_thumbnail"/>


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="top|center_horizontal"
            android:orientation="vertical">

            <TextView
                android:id="@+id/main_name"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:paddingLeft="9dp"
                android:paddingTop="5dp"
                android:textSize="18sp"
                android:textStyle="bold"
                android:textColor="#000"/>

            <TextView
                android:id="@+id/main_Usp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:paddingLeft="9dp"
                android:paddingTop="5dp"
                android:textSize="15sp"
                android:textColor="#000"
                android:layout_below="@id/main_name"/>

            <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent">

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

                <Button
                    android:id="@+id/md_btn_time"
                    android:layout_width="35dp"
                    android:layout_height="35dp"
                    android:layout_marginLeft="9dp"
                    android:layout_marginRight="10dp"
                    android:layout_marginTop="15dp"
                    android:background="@drawable/ic_time" />

                <Button
                    android:id="@+id/md_btn_difficulty"
                    android:layout_width="35dp"
                    android:layout_height="35dp"
                    android:layout_marginRight="10dp"
                    android:layout_marginTop="15dp"
                    android:layout_toRightOf="@id/md_btn_time"
                    android:layout_toEndOf="@+id/md_btn_time"
                    android:background="@drawable/ic_difficulty" />

                <Button
                    android:id="@+id/md_btn_servings"
                    android:layout_width="35dp"
                    android:layout_height="35dp"
                    android:layout_marginRight="27dp"
                    android:layout_marginTop="15dp"
                    android:layout_toRightOf="@id/md_btn_difficulty"
                    android:layout_toEndOf="@+id/md_btn_difficulty"
                    android:background="@drawable/ic_servings" />

                <Button
                    android:id="@+id/md_btn_insta"
                    android:layout_width="35dp"
                    android:layout_height="35dp"
                    android:layout_marginTop="15dp"
                    android:layout_toRightOf="@id/md_btn_servings"
                    android:layout_toEndOf="@+id/md_btn_servings"
                    android:background="@drawable/ic_insta" />

                <TextView
                    android:id="@+id/md_time"
                    android:layout_width="35dp"
                    android:layout_height="20dp"
                    android:layout_marginBottom="15dp"
                    android:layout_marginLeft="20dp"
                    android:layout_marginStart="9dp"
                    android:gravity="center"
                    android:text="35 min"
                    android:textColor="@color/colorBlack"
                    android:textSize="10dp"
                    android:layout_below="@+id/md_btn_time"/>

                <TextView
                    android:id="@+id/md_difficulty"
                    android:layout_width="35dp"
                    android:layout_height="20dp"
                    android:layout_marginBottom="10dp"
                    android:layout_marginLeft="7dp"
                    android:layout_marginStart="10dp"
                    android:layout_toRightOf="@id/md_time"
                    android:layout_below="@+id/md_btn_time"
                    android:gravity="center"
                    android:text="Leicht"
                    android:textColor="@color/colorBlack"
                    android:textSize="10dp" />

                <TextView
                    android:id="@+id/md_servings"
                    android:layout_width="35dp"
                    android:layout_height="20dp"
                    android:layout_marginBottom="10dp"
                    android:layout_marginLeft="7dp"
                    android:layout_marginStart="10dp"
                    android:layout_toRightOf="@id/md_difficulty"
                    android:layout_below="@+id/md_btn_time"
                    android:gravity="center"
                    android:text="4"
                    android:textColor="@color/colorBlack"
                    android:textSize="10dp" />

                <TextView
                    android:id="@+id/md_owner"
                    android:layout_width="90dp"
                    android:layout_height="20dp"
                    android:layout_marginBottom="15dp"
                    android:layout_toRightOf="@id/md_servings"
                    android:layout_toEndOf="@+id/md_servings"
                    android:layout_below="@+id/md_btn_servings"
                    android:gravity="center"
                    android:text="self"
                    android:textSize="10dp" />

                <Button
                    android:id="@+id/main_Price"
                    android:layout_width="70dp"
                    android:layout_height="33dp"
                    android:layout_marginLeft="245dp"
                    android:layout_marginStart="225dp"
                    android:layout_marginTop="20dp"
                    android:background="@drawable/price_button"
                    android:text="12,99 €"
                    android:textColor="@color/colorWithe"
                    android:textSize="10dp"
                    android:textStyle="bold" />


            </RelativeLayout>

            </FrameLayout>

            </LinearLayout>

    </LinearLayout>

</android.support.v7.widget.CardView>