title: Android issue with image size in gridview
body: <p>I am trying to create a grid layout of cards similar to what is used in google play like this</p>
  
  <p><img src="https://i.stack.imgur.com/YTUOP.jpg" alt="enter image description here"></p>
  
  <p>The layout i am using and the layout obtained are these:</p>
  
  <p>For GridView:</p>
  
  <pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      tools:context=".MainActivity"
      android:background="#e5e5e5"
       &gt;
  
      &lt;GridView  
      android:id="@+id/gridview"
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent"
      android:columnWidth="60dp"
      android:numColumns="2"
      android:layout_marginLeft="2dp"
  
      android:verticalSpacing="10dp"
      android:horizontalSpacing="10dp"
      android:stretchMode="columnWidth"
      android:gravity="center"
      /&gt;
  
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>for GridItem:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  
  &lt;RelativeLayout
      xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:background="@drawable/bg_card"
  
  &gt;
  
  &lt;ImageView
      android:id="@+id/imgIcon"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentTop="true"
      android:layout_centerHorizontal="true"
       /&gt;
  
    &lt;TextView
      android:id="@+id/txtTitle"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_margin="1dp"
      android:textSize="17sp"
      android:layout_below="@id/imgIcon"
      android:layout_marginTop="35dp"
      android:layout_centerInParent="true"/&gt;
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>The output that I get is this:</p>
  
  <p><img src="https://i.stack.imgur.com/kirwj.png" alt="enter image description here"></p>
  
  <p>The image size that i am using is 356x500. (I do get a somewhat well sized grid on using 300x300)
  The issues that i am facing are:</p>
  
  <ol>
  <li>1.As this image shows, the cards are too big with lots of white spaces around the image and the image does not fit like in the
  google play store. How do i make the card be propotional to the
  image. The amount of white space changes with change in image size.</li>
  <li>The card is "stuck" to the left edge of the screen . How do i keep spacing between the edge of the screen and the card. </li>
  </ol>
  
  <p>Please help me in rectifying this issue.
  Thanks</p>