Grid layout untuk menu tidak muncul ketika running

Saya mencoba membuat menu di bawah viewpager yang digunakan untuk slider banner, dan saya menggunakan sintaks <Gridlayout> untuk menu. Dan di dalam design muncul, tetapi ketika saya mencoba menjalankannya, itu tidak muncul

Berikut code tampilan xml nya

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    android:weightSum="10"
    tools:context=".MainActivity">

        <android.support.v4.view.ViewPager
            android:id="@+id/viewPager"
            android:layout_width="match_parent"
            android:layout_height="260dp"
            android:elevation="1dp"
            />

        <LinearLayout
            android:id="@+id/SliderDots"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/viewPager"
            android:gravity="center_vertical|center_horizontal"
            android:orientation="horizontal">
        </LinearLayout>

        <GridLayout

            android:alignmentMode="alignMargins"

            android:layout_weight="10"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:padding="20dp">

                <!-- ROW 1 -->
                <!-- Collumn 1 -->
                <android.support.v7.widget.CardView
                    android:layout_width="0dp"
                    android:layout_height="0dp"
                    android:layout_columnWeight="1"
                    android:layout_rowWeight="1"
                    android:layout_marginBottom="16dp"
                    android:layout_marginLeft="16dp"
                    android:layout_marginRight="16dp"
                    app:cardElevation="8dp"
                    app:cardCornerRadius="0dp">

                        <LinearLayout
                            android:layout_width="152dp"
                            android:layout_height="242dp"
                            android:layout_gravity="center"
                            android:layout_margin="16dp"
                            android:orientation="vertical">

                                <ImageView
                                    android:layout_width="match_parent"
                                    android:layout_height="match_parent"
                                    android:layout_gravity="clip_horizontal"
                                    android:src="@drawable/mother_with_baby_in_arms" />

                        </LinearLayout>

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

                <!-- Collumn 2 -->
                <android.support.v7.widget.CardView
                    android:layout_width="0dp"
                    android:layout_height="0dp"
                    android:layout_columnWeight="1"
                    android:layout_rowWeight="1"
                    android:layout_marginBottom="16dp"
                    android:layout_marginLeft="16dp"
                    android:layout_marginRight="16dp"
                    app:cardElevation="8dp"
                    app:cardCornerRadius="0dp">

                        <LinearLayout
                            android:id="@+id/info"
                            android:layout_width="108dp"
                            android:layout_height="106dp"
                            android:layout_margin="16dp"
                            android:orientation="vertical">

                                <ImageView
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:layout_gravity="clip_horizontal"
                                    android:src="@drawable/mother_with_baby_in_arms" />

                                <TextView
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:text="MENU"
                                    android:textAlignment="center"
                                    android:textColor="@android:color/black" />
                        </LinearLayout>

                        <LinearLayout
                            android:id="@+id/petunjuk"
                            android:layout_width="108dp"
                            android:layout_height="104dp"
                            android:layout_gravity="bottom"
                            android:layout_margin="16dp"

                            android:orientation="vertical">

                                <ImageView
                                    android:layout_width="51dp"
                                    android:layout_height="82dp"
                                    android:layout_gravity="clip_horizontal"
                                    android:src="@drawable/mother_with_baby_in_arms" />

                                <TextView
                                    android:layout_width="wrap_content"
                                    android:layout_height="wrap_content"
                                    android:text="MENU"
                                    android:textAlignment="center"
                                    android:textColor="@android:color/black" />
                        </LinearLayout>

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

        </GridLayout>
</LinearLayout>

Apakah ada salah dalam penerapan <Gridlayout> nya atau bagaimana ya?