.mod-frame-grid
  a.item.featured style='background-color: #ccc;'
    .headline
      .tag Diam
      p Aenean ac bibendum
    .details
      p Phasellus in laoreet quam. Curabitur ex nibh, pharetra eget aliquam congue...
      .flex-row.v-centered
        span.continue Ut pulvinar leo
        span.estimation In hac habitasse

  .items
    a.item style='background-color: #ccc;'
      .headline
        .tag Diam
        p Proin non accumsan
      .details
        p In hac habitasse platea dictumst. Integer suscipit orci odio...
        .flex-row.v-centered
          span.continue Ut pulvinar leo
          span.estimation Proin aliquam tortor
    a.item style='background-color: #ccc;'
      .headline
        .tag Diam
        p Aliquam sapien enim
      .details
        p
          | In rhoncus orci et ex fermentum, ut euismod diam tincidunt. Vivamus eu aliquet sapien,
          | non fringilla enim. Ut scelerisque nulla at sem suscipit, at porta mi tincidunt.
          | iNunc in pharetra velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
          | Donec imperdiet leo id odio
        .flex-row.v-centered
          span.continue In rhoncus orci
          span.estimation Et ex fermentum
    a.item.wide style='background-color: #ccc;'
      .headline
        .tag Diam
        p Ut euismod diam tincidunt
      .details
        p
          | Nunc in pharetra velit. Pellentesque habitant morbi tristique senectus...
        .flex-row.v-centered
          span.continue Vivamus ultricies
          span.estimation Augue in tortor
css:
  .mod-frame-grid { max-width: 940px; }