test du grid pour pouvoir organiser la page home du site

Sources/Ohara/AppShell.xaml

@@ -7,7 +7,7 @@
     Shell.FlyoutBehavior="Disabled">
 
     <ShellContent
-        Title="Home"
+        Title="Ohara"
         ContentTemplate="{DataTemplate local:MainPage}"
         Route="MainPage" />
 

Sources/Ohara/MainPage.xaml

@@ -6,11 +6,18 @@
     
     <ScrollView>
 
-        <VerticalStackLayout
+        <Grid
-            Spacing="25"
+            Margin="20,35,20,20">
-            Padding="30,0"
+
-            VerticalOptions="Center">
+            <Grid.RowDefinitions>
-
+                <RowDefinition Height="300" />
+                <RowDefinition Height="*" />
+                <RowDefinition Height="*" />
+            </Grid.RowDefinitions>
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="300" />
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
             <Rectangle WidthRequest="200" HeightRequest="300" HorizontalOptions="Start"   BackgroundColor="#72a3b3">
                 <Rectangle.Fill>
                     <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
@@ -21,26 +28,21 @@
                 </Rectangle.Fill>
             </Rectangle>
 
-            <Frame CornerRadius="20" BorderColor="#72a3b3" BackgroundColor="#72a3b3" Padding="20" WidthRequest="400">
+            <Frame CornerRadius="20" BorderColor="#72a3b3" BackgroundColor="#72a3b3" Padding="20" WidthRequest="600" Grid.Row="1" Grid.Column="1"/>
-                <Label Text="Bienvenue sur Ohara !" FontAttributes="Bold" FontSize="30" HorizontalOptions="Center" TextColor="White"/>
+            <Label Text="Présentation :" FontAttributes="Bold" FontSize="30" HorizontalOptions="Center" TextColor="White" Grid.Row="1" Grid.Column="1"/>
+
 
-            </Frame>
             <Image
                 Source="ohara2.png"
                 SemanticProperties.Description="Cute dot net bot waving hi to you!"
                 HeightRequest="400"
               
-                HorizontalOptions="Center" />
+                HorizontalOptions="Center"
-            
+                Grid.Row="0"
+                Grid.Column="0"/>
             
-            <Button
-                x:Name="CounterBtn"
-                Text="Click me"
-                SemanticProperties.Hint="Counts the number of times you click"
-                Clicked="OnCounterClicked"
-                HorizontalOptions="Center" />
 
-        </VerticalStackLayout>
+        </Grid>
     </ScrollView>
     
 </ContentPage>