vocab_manager/View/DeckViewInfoMode.xaml

<localView:UserControlBase                 
 x:Class="VocabManager.View.DeckViewInfoMode"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                     xmlns:localView="clr-namespace:VocabManager.View"
                      
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
     d:DesignHeight="800" d:DesignWidth="480"  
   
    >

    <Grid x:Name="LayoutRoot" >
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" ></RowDefinition>
            <RowDefinition Height="Auto" ></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>

            <RowDefinition Height="auto"></RowDefinition>
        </Grid.RowDefinitions>
       <ContentControl Style="{StaticResource TitleStyle}" Content="{Binding Path=Name}" HorizontalContentAlignment="Center"  ></ContentControl>
        <ContentControl FontSize="20" Style="{StaticResource Body}" Foreground="White" Grid.Row="1" Padding="5" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" >
            <Border >
            <Grid >
            <Grid.RowDefinitions>
                <RowDefinition></RowDefinition>
                <RowDefinition></RowDefinition>

            </Grid.RowDefinitions>
                
            <Border Padding="4">
                
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto"></ColumnDefinition>
                        <ColumnDefinition></ColumnDefinition>

                    </Grid.ColumnDefinitions>
                <TextBlock Text="Number of Cards : "></TextBlock>
         <TextBlock Grid.Column="1" Text="{Binding Path=CardItems.SourceCollection.Count}"></TextBlock>
                </Grid>
            </Border>
            
            <Border Grid.Row="1" Padding="4">

                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto"></ColumnDefinition>
                        <ColumnDefinition></ColumnDefinition>

                    </Grid.ColumnDefinitions>
                    <TextBlock Text="Time of Creation : "></TextBlock>
                    <TextBlock Grid.Column="1" Text="{Binding CreationTime}"></TextBlock>
                </Grid>
            </Border>


        </Grid>
        </Border>
        </ContentControl>
        <Grid Grid.Row="2">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"></RowDefinition>
                <RowDefinition></RowDefinition>

            </Grid.RowDefinitions>
            <ContentControl Style="{StaticResource TitleStyle}" Content="Description"  HorizontalContentAlignment="Center"  ></ContentControl>

            <ContentControl Grid.Row="1" VerticalAlignment="Stretch" Padding="8" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" 
                Style="{StaticResource Body}" FontSize="20" Foreground="White" Content="{Binding Path=Description}">
                
                
            </ContentControl>
        </Grid>
        <Border
           Background="Black"  Grid.Row="3">
        <Button Foreground="White" Padding="10" Margin="12" Content="Review"  Command="{Binding Path=ReviewCommand}"></Button>
        </Border>
      
    </Grid>
</localView:UserControlBase>