Windows Phone Hackathon : Facebook & Instagram Sample - InstagramItem UI

gistfile1.xml

<!--LayoutRoot is the root grid where all page content is placed-->
<ScrollViewer x:Name="LayoutRoot">
        
    <!--ContentPanel - place additional content here-->
    <Grid x:Name="ContentPanel" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>

        <Image Source="{Binding user.profile_picture}" Width="120"/>
        <TextBlock Grid.Column="1" Text="{Binding user.username}" Margin="12" VerticalAlignment="Top"/>
        <TextBlock Grid.Column="1" Text="{Binding user.full_name}" Margin="12" VerticalAlignment="Bottom" Opacity="0.8"/>

        <Image Grid.Row="1" Grid.ColumnSpan="3" Source="{Binding image}" Margin="0,12"/>

        <TextBlock Grid.Row="2" Grid.ColumnSpan="3" Text="{Binding caption}" Margin="12"/>

        <TextBlock Grid.Row="3" Grid.ColumnSpan="2" Text="{Binding likesCount}" Margin="12" HorizontalAlignment="Right"/>
        <TextBlock Grid.Row="3" Grid.Column="3" Text="likes" Margin="0,12" HorizontalAlignment="Left"/>

        <TextBlock Grid.Row="4" Grid.ColumnSpan="2" Text="{Binding commentsCount}" Margin="12" HorizontalAlignment="Right"/>
        <TextBlock Grid.Row="4" Grid.Column="3" Text="comments" Margin="0,12" HorizontalAlignment="Left"/>
    </Grid>
</ScrollViewer>