Grid Item Alignment Variations

The alignment must be set manually by using column start and column span, that way the user can position the item exactly as intended with the flexibility doing more than the common start, center, and end alignments.

Important Notes:

Example: To align an item to the end, set column start by using this formula: (12 - column_span) + 1.

Demo
Column start at 9 and span 4
Twig
{% include '@bolt-layouts-grid/grid.twig' with {
  items: [
    {
      column_start: '9',
      column_span: '4',
      content: item_end,
    },
  ]
} only %}
HTML
<bolt-grid>
  <bolt-grid-item column-start="9" column-span="4">
    <!-- Item Content -->
  </bolt-grid-item>
</bolt-grid>