# items-grid-layout Component Demo

#### Standard grid

- Color Purple
  Size
  XS
  S
  M
  L
  Extra Large
  Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Color Purple
  Size
  XS
  S
  M
  L
  Extra Large
  Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Color Purple
  Size
  XS
  S
  M
  L
  Extra Large
  Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Color Purple
  Size
  XS
  S
  M
  L
  Extra Large
  Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Color Purple
  Size
  XS
  S
  M
  L
  Extra Large
  Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Color Purple
  Size
  XS
  S
  M
  L
  Extra Large
  Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00

#### In column (--in-column modifier)

### Sidebar

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima excepturi nihil, facere hic est praesentium soluta minus quam aliquam tempore magni eaque dicta fuga veritatis, et eos totam, commodi optio non. Dolor neque, maxime aut commodi nemo amet earum dignissimos explicabo sint praesentium ipsam unde nostrum nisi sequi ipsum tempora, nulla esse ratione sit eaque minima. Illo quibusdam, quidem ut nesciunt saepe, ducimus mollitia, dolores, maiores eos doloremque dolorem voluptatibus voluptatem odit reiciendis! Voluptatem omnis non sed ad placeat. Omnis praesentium laudantium molestias quidem, minus maiores eaque iste, magni tempora fugit eveniet distinctio ratione adipisci cum. Atque ex sed recusandae cupiditate iure id earum a asperiores quae et non omnis quam hic autem accusamus tempore libero molestias natus modi quaerat voluptatibus, accusantium temporibus eveniet ad. Aliquid cupiditate, in mollitia doloribus velit molestias laborum perferendis itaque, quo culpa esse explicabo. Consequatur perspiciatis earum blanditiis expedita, officia possimus exercitationem temporibus quos. Facere a porro in non obcaecati ratione, libero dignissimos sequi. Assumenda animi totam illum ut obcaecati, iure, maxime magnam eius facilis alias laudantium quis sequi blanditiis asperiores quod temporibus qui minus rerum id nobis aliquid quasi. Eaque tempora ducimus, impedit harum enim similique nisi officiis necessitatibus ex, inventore magni sequi modi ad iure hic nihil ratione ea aliquam doloribus sed. Nam sapiente ipsa, tempore earum quo voluptate dolore voluptatem maxime harum quas soluta doloribus, reprehenderit tenetur iste! Tempora incidunt quod, unde pariatur alias perspiciatis! Accusamus officia dolor distinctio dolore, omnis veniam est voluptatibus. Neque quam ratione qui ipsam commodi perferendis impedit maxime atque ea numquam quos voluptas eos, molestias adipisci ad veniam, rem libero fugiat quis. Consequuntur distinctio laudantium deleniti, dicta dolores quaerat aperiam, culpa illo. Doloribus doloremque debitis rerum. Accusantium provident eius non sint dicta veritatis aliquid quos illo nulla esse. Voluptatum, ad. Explicabo repellendus cupiditate est, asperiores fugit aliquam.

### Grid

- Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00

#### Hero on right (--hero-right modifier)

### Sidebar

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima excepturi nihil, facere hic est praesentium soluta minus quam aliquam tempore magni eaque dicta fuga veritatis, et eos totam, commodi optio non. Dolor neque, maxime aut commodi nemo amet earum dignissimos explicabo sint praesentium ipsam unde nostrum nisi sequi ipsum tempora, nulla esse ratione sit eaque minima. Illo quibusdam, quidem ut nesciunt saepe, ducimus mollitia, dolores, maiores eos doloremque dolorem voluptatibus voluptatem odit reiciendis! Voluptatem omnis non sed ad placeat. Omnis praesentium laudantium molestias quidem, minus maiores eaque iste, magni tempora fugit eveniet distinctio ratione adipisci cum. Atque ex sed recusandae cupiditate iure id earum a asperiores quae et non omnis quam hic autem accusamus tempore libero molestias natus modi quaerat voluptatibus, accusantium temporibus eveniet ad. Aliquid cupiditate, in mollitia doloribus velit molestias laborum perferendis itaque, quo culpa esse explicabo. Consequatur perspiciatis earum blanditiis expedita, officia possimus exercitationem temporibus quos. Facere a porro in non obcaecati ratione, libero dignissimos sequi. Assumenda animi totam illum ut obcaecati, iure, maxime magnam eius facilis alias laudantium quis sequi blanditiis asperiores quod temporibus qui minus rerum id nobis aliquid quasi. Eaque tempora ducimus, impedit harum enim similique nisi officiis necessitatibus ex, inventore magni sequi modi ad iure hic nihil ratione ea aliquam doloribus sed. Nam sapiente ipsa, tempore earum quo voluptate dolore voluptatem maxime harum quas soluta doloribus, reprehenderit tenetur iste! Tempora incidunt quod, unde pariatur alias perspiciatis! Accusamus officia dolor distinctio dolore, omnis veniam est voluptatibus. Neque quam ratione qui ipsam commodi perferendis impedit maxime atque ea numquam quos voluptas eos, molestias adipisci ad veniam, rem libero fugiat quis. Consequuntur distinctio laudantium deleniti, dicta dolores quaerat aperiam, culpa illo. Doloribus doloremque debitis rerum. Accusantium provident eius non sint dicta veritatis aliquid quos illo nulla esse. Voluptatum, ad. Explicabo repellendus cupiditate est, asperiores fugit aliquam.

### Grid

- Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00

#### Hero in middle (--hero-middle modifier)

- Color Purple
  Size
  XS
  S
  M
  L
  Extra Large
  Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Color Purple
  Size
  XS
  S
  M
  L
  Extra Large
  Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Color Purple
  Size
  XS
  S
  M
  L
  Extra Large
  Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Color Purple
  Size
  XS
  S
  M
  L
  Extra Large
  Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Color Purple
  Size
  XS
  S
  M
  L
  Extra Large
  Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Color Purple
  Size
  XS
  S
  M
  L
  Extra Large
  Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Color Purple
  Size
  XS
  S
  M
  L
  Extra Large
  Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Color Purple
  Size
  XS
  S
  M
  L
  Extra Large
  Karissa V-Neck Tee
  $50.00
- Very long product name that should be truncated after 2 lines of length bla bla blablblablabl bal blabl
  Special Price$31.20 Regular Price$39.00
- Color Purple
  Size
  XS
  S
  M
  L
  Extra Large
  Karissa V-Neck Tee
  $50.00