Linear Layout is not properly show the component when using in the android studio : this is code

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <TextView
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:text="Email:"
            android:textSize="30dp"
            android:paddingLeft="0dp"
            android:paddingTop="10dp"/>
    
        <EditText
            android:layout_width="150dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="4dp"
            android:singleLine="true" />
    
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Login"
            android:paddingTop="10dp"/>
    
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
    
            <TextView
                android:layout_width="200dp"
                android:layout_height="100dp"
                android:text="Home" />
    
            <TextView
                android:layout_width="200dp"
                android:layout_height="200dp"
                android:text="About" />
    
        </LinearLayout>
    </LinearLayout>
i want to practice on layout on android studio and facing the error while implementing the code 
[this is the text which goes outside the mobile screen]  [1][ i don't know why blue box goes outside the mobile screen][2]


  [1]: http://i.stack.imgur.com/hBSPK.jpg
  [2]: http://i.stack.imgur.com/A18wh.jpg 
click on number 1 and number 2 which appear on blue color to see the image 

plese somebody suggest solution  
thank you
