Bento Grid

Card

Card Description

Put anything you want here
<.bento_grid class="grid-rows-4 grid-cols-4">
  <.bento_card name="Card" description="Card Description" icon="hero-trophy" row_start={1} row_end={4} col_start={1} col_end={4}>
    Put anything you want here
  </.bento_card>
</.bento_grid>

Card: a

Card Description

Any slot here

Card: b

Card Description

Any slot here

Card: c

Card Description

Any slot here

Card: d

Card Description

Any slot here
<.bento_grid class="grid-rows-4 grid-cols-4">
  <.bento_card name="Card: a" description="Card Description" icon="hero-trophy" row_start={1} row_end={1} col_start={1} col_end={4}>
    Any slot here
  </.bento_card>
  <.bento_card name="Card: b" description="Card Description" icon="hero-arrow-right" row_start={2} row_end={5} col_start={1} col_end={3}>
    Any slot here
  </.bento_card>
  <.bento_card name="Card: c" description="Card Description" icon="hero-arrow-right" row_start={2} row_end={3} col_start={3} col_end={4}>
    Any slot here
  </.bento_card>
  <.bento_card name="Card: d" description="Card Description" icon="hero-arrow-right" row_start={3} row_end={5} col_start={3} col_end={5}>
    Any slot here
  </.bento_card>
</.bento_grid>