When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:
main {
max-width: 38rem;
padding: 2rem;
margin: auto;
}
<?xml version="1.0" encoding="utf-8" ?> | |
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" | |
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" | |
x:Class="App1.MainPage" BackgroundColor="#82b051"> | |
<StackLayout Margin="20,35,20,25" HorizontalOptions="Center" > | |
<Label Text="TLC" HorizontalTextAlignment="Center" TextColor="White" Padding="0,80,0,0" Font="Bold,60"/> | |
<Label Text="Customer Store" HorizontalTextAlignment="Center" TextColor="White" Font="Bold,20"/> | |
<Image Source="Xamarin" HeightRequest="100" WidthRequest="100" /> | |
<Label Text="Enter the WebID of your TLC IBO" FontSize="20" TextColor="White" HorizontalTextAlignment="Center" Padding="30,10,30,10"/> |