Base
<div class="ga-grid">
<!-- columns -->
<div class="column" />
<div class="column" />
...
<div class="column" />
</div>CSS Flex 기반의 정렬과 레이아웃을 위한 그리드 유틸리티.
<div class="ga-grid">
<!-- columns -->
<div class="column" />
<div class="column" />
...
<div class="column" />
</div><div class="ga-grid divide-{2|4|6|8|10}">
<!-- columns -->
<div class="column" />
<div class="column" />
...
<div class="column" />
</div><div class="ga-grid">
<!-- columns -->
<div class="column span-{number}" />
<div class="column span-{number}" />
...
<div class="column span-{number}" />
</div><div class="ga-grid {left | right}-side">
<!-- columns -->
<div class="column" />
<div class="column" />
... ...
<div class="column" />
</div><div class="ga-grid justify-{left | center | right | between | around}">
<!-- columns -->
<div class="column" />
<div class="column" />
... ...
<div class="column" />
</div><div class="ga-grid">
<!-- columns -->
<div class="column span-{number} offset-{number}" />
... ...
</div><div class="ga-grid">
<!-- rows -->
<div class="rows">
<!-- columns -->
<div class="column" />
... ...
<!-- rows -->
<div class="rows">
<!-- columns -->
<div class="column" />
... ...
</div><div class="ga-grid">
<!-- columns -->
<div class="column span-{n} span-md-{n} span-sm-{n} span-xs-{n}" />
... ...
</div>