Design not as same as i designed in device?

Question

I designed a page.It is a simple page.Just placed 3 textboxes and before each textboxes i placed an image.In emulator the output is what i designed.But in device it is not.Why?Am confused in windows Phone 8.1 development for designing.Pls Help.My code:

<Grid Background="AliceBlue">
<Grid Margin="11,68,15,406">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="41*"/>
<ColumnDefinition Width="325*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>

<Image Source="images/images1.png" Grid.Column="0" Grid.Row="0" Margin="-1,12,0.667,9"/>
<TextBox x:Name="emergencyUserNameTbx" Grid.Row="0" Background="White" BorderBrush="Black" BorderThickness="1,1,1,1" Height="34" Margin="2.333,12,3,0" Grid.Column="1" PlaceholderText="UserName"/>

<Image Source="images/images2.png" Grid.Column="0" Grid.Row="1" Margin="-1,9,0.667,12.833"/>
<TextBox x:Name="emergencymobileNoTbx" Background="White" BorderBrush="Black" BorderThickness="1,1,1,1" Height="34" Margin="2.333,64,3,-43" RenderTransformOrigin="0.5,0.5" Grid.Column="1" PlaceholderText="Enter 10 Digit Mobile Number">

</TextBox>

<Image Source="images/images3.png" Grid.Column="0" Grid.Row="2" Margin="-1,10.167,0.667,10.833"/>
<TextBox x:Name="emergencyEmailTbx" Background="White" BorderBrush="Black" BorderThickness="1,1,1,1" Height="34" Margin="1.333,121,4,-100" RenderTransformOrigin="0.5,0.5" Grid.Column="1" PlaceholderText="Email ID">

</TextBox>

</Grid>
</Grid>