Grid System

The grid system in Minimalism-UI is a flexbox based, 12-column system, that can be used to quickly (and easily) build websites and pages which look good on all screen sizes.

1
11
2
10
3
9
4
8
5
7
6
6
7
5
8
4
9
3
10
2
11
1
12
    
 <div class="wrapper-fluid">

    <div class="row"
        <div class="xl-1">1</div>
        <div class="xl-11">11</div>
    </div>

   <div class="row"
        <div class="xl-2">2</div>
        <div class="xl-10">10</div>
   </div>
        
   ...

   <div class="row"
        <div class="xl-6">6</div>
        <div class="xl-6">6</div>
   </div>


    ...

    <div class="row"
        <div class="xl-8">8</div>
        <div class="xl-2">2</div>
    </div>