title: How to make square images in collectionview
body: <p>Please help.I try to make square images but I can not to do it and do not understand why(</p>
  <pre><code>     &lt;CollectionView   ItemsSource=&quot;{Binding Types}&quot;      
                SelectionMode=&quot;None&quot;&gt;
                  &lt;CollectionView.ItemsLayout&gt;
                      &lt;GridItemsLayout Orientation=&quot;Horizontal&quot; HorizontalItemSpacing=&quot;10&quot;
            /&gt;
                  &lt;/CollectionView.ItemsLayout&gt;
                  &lt;CollectionView.ItemTemplate&gt;
                      &lt;DataTemplate&gt;
  
                          &lt;Grid &gt;
                              &lt;Grid.RowDefinitions&gt;
                                  &lt;RowDefinition Height=&quot;150&quot; /&gt;
                               &lt;/Grid.RowDefinitions&gt;
                              &lt;Grid.ColumnDefinitions&gt;
                                  &lt;ColumnDefinition Width=&quot;150&quot; /&gt;
                              &lt;/Grid.ColumnDefinitions&gt;
                              &lt;Image   Source=&quot;{Binding Image}&quot;/&gt;
                              &lt;Label  Text=&quot;Eiffel&quot; TextColor=&quot;Red&quot; FontFamily=&quot;Roboto&quot; HorizontalOptions=&quot;Start&quot; VerticalOptions=&quot;End&quot; FontAttributes=&quot;Bold&quot;&gt;&lt;/Label&gt;
                                &lt;/Grid&gt;
                      &lt;/DataTemplate&gt;
                  &lt;/CollectionView.ItemTemplate&gt;
              &lt;/CollectionView&gt;
  </code></pre>
  <p>What I want</p>
  <p><a href="https://i.stack.imgur.com/SDtAv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SDtAv.png" alt="enter image description here" /></a></p>
  <p>What I have</p>
  <p><a href="https://i.stack.imgur.com/Y0MqC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Y0MqC.png" alt="enter image description here" /></a></p>
  <p>Please help me to make them square</p>