aces from let and right)-->
<!--container-fluid (full parent space without allocating spaces from left and right)-->

<main class="container-fluid"> <!--use a container before using the grid system-->

    <!-- Device Breakpoints
    xs - col
    sm - col-sm
    md - com-md
    lg - col-lg
    xl - col-xl
    xxl - col-xxl
    -->
    <section class="row justify-content-xl-center justify-content-xxl-end"><!--12 spaces available-->
        <div class="col-12 col-sm-6 col-md-12 col-lg-12 col-xl-5 col-xxl-5 bg