Viewport <#document> at [0,0] [0+0+0 800 0+0+0] [0+0+0 600 0+0+0] [BFC] children: not-inline
  BlockContainer <html> at [0,0] [0+0+0 800 0+0+0] [0+0+0 358 0+0+0] [BFC] children: not-inline
    BlockContainer <body> at [8,8] [8+0+0 784 0+0+8] [8+0+0 342 0+0+8] children: not-inline
      Box <div.grid-container> at [8,8] [0+0+0 784 0+0+0] [0+0+0 342 0+0+0] [GFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.grid-item.item-span-one-one> at [411.46875,8] [0+0+0 380.53125 0+0+0] [0+0+0 134 0+0+0] [BFC] children: inline
          frag 0 from TextNode start: 1, length: 40, rect: [411.46875,8 319.171875x18] baseline: 13.796875
              "In a sollicitudin augue. Sed ante augue,"
          frag 1 from TextNode start: 42, length: 42, rect: [411.46875,26 335.125x18] baseline: 13.796875
              "rhoncus nec porttitor id, lacinia et nibh."
          frag 2 from TextNode start: 85, length: 48, rect: [411.46875,44 378.625x18] baseline: 13.796875
              "Pellentesque diam libero, ultrices eget eleifend"
          frag 3 from TextNode start: 134, length: 22, rect: [411.46875,62 182.8125x18] baseline: 13.796875
              "at, consequat ut orci."
          TextNode <#text> (not painted)
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.grid-item.item-span-one-two> at [411.46875,162] [0+0+0 380.53125 0+0+0] [0+0+0 188 0+0+0] [BFC] children: inline
          frag 0 from TextNode start: 1, length: 43, rect: [411.46875,162 359.15625x18] baseline: 13.796875
              "Suspendisse potenti. Pellentesque at varius"
          frag 1 from TextNode start: 45, length: 41, rect: [411.46875,180 318.5625x18] baseline: 13.796875
              "lacus, sed sollicitudin leo. Pellentesque"
          frag 2 from TextNode start: 87, length: 44, rect: [411.46875,198 377.640625x18] baseline: 13.796875
              "malesuada mi eget pellentesque tempor. Donec"
          frag 3 from TextNode start: 132, length: 47, rect: [411.46875,216 378.03125x18] baseline: 13.796875
              "egestas mauris est, ut lobortis nisi luctus at."
          frag 4 from TextNode start: 180, length: 41, rect: [411.46875,234 345.953125x18] baseline: 13.796875
              "Vivamus eleifend, lorem vulputate maximus"
          frag 5 from TextNode start: 222, length: 37, rect: [411.46875,252 312.765625x18] baseline: 13.796875
              "porta, nunc metus porttitor nibh, nec"
          frag 6 from TextNode start: 260, length: 31, rect: [411.46875,270 242.921875x18] baseline: 13.796875
              "bibendum nulla lectus ut felis."
          TextNode <#text> (not painted)
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)
        BlockContainer <div.grid-item.item-span-two> at [8,8] [0+0+0 383.46875 0+0+0] [0+0+0 342 0+0+0] [BFC] children: inline
          frag 0 from TextNode start: 1, length: 39, rect: [8,8 337.6875x18] baseline: 13.796875
              "Lorem ipsum dolor sit amet, consectetur"
          frag 1 from TextNode start: 41, length: 47, rect: [8,26 376.34375x18] baseline: 13.796875
              "adipiscing elit. Sed vitae condimentum erat, ac"
          frag 2 from TextNode start: 89, length: 45, rect: [8,44 365.84375x18] baseline: 13.796875
              "posuere arcu. Aenean tincidunt mi ligula, vel"
          frag 3 from TextNode start: 135, length: 46, rect: [8,62 381.96875x18] baseline: 13.796875
              "semper dolor aliquet at. Phasellus scelerisque"
          frag 4 from TextNode start: 182, length: 45, rect: [8,80 377.203125x18] baseline: 13.796875
              "dapibus diam sed rhoncus. Proin sed orci leo."
          frag 5 from TextNode start: 228, length: 45, rect: [8,98 375.390625x18] baseline: 13.796875
              "Praesent pellentesque mi eu nunc gravida, vel"
          frag 6 from TextNode start: 274, length: 32, rect: [8,116 271.078125x18] baseline: 13.796875
              "consectetur nulla malesuada. Sed"
          frag 7 from TextNode start: 307, length: 40, rect: [8,134 303.5625x18] baseline: 13.796875
              "pellentesque, elit sit amet sollicitudin"
          frag 8 from TextNode start: 348, length: 46, rect: [8,152 346.625x18] baseline: 13.796875
              "sollicitudin, lectus justo facilisis lacus, ac"
          frag 9 from TextNode start: 395, length: 42, rect: [8,170 350.234375x18] baseline: 13.796875
              "vehicula metus neque ac mi. In in augue et"
          frag 10 from TextNode start: 438, length: 40, rect: [8,188 361.0625x18] baseline: 13.796875
              "massa maximus venenatis auctor fermentum"
          frag 11 from TextNode start: 479, length: 46, rect: [8,206 371.734375x18] baseline: 13.796875
              "dui. Aliquam dictum finibus urna, quis lacinia"
          frag 12 from TextNode start: 526, length: 42, rect: [8,224 369.59375x18] baseline: 13.796875
              "massa laoreet a. Suspendisse elementum non"
          frag 13 from TextNode start: 569, length: 39, rect: [8,242 323.78125x18] baseline: 13.796875
              "lectus nec elementum. Quisque ultricies"
          frag 14 from TextNode start: 609, length: 40, rect: [8,260 337x18] baseline: 13.796875
              "suscipit porttitor. Sed non urna rutrum,"
          frag 15 from TextNode start: 650, length: 46, rect: [8,278 351.828125x18] baseline: 13.796875
              "mattis nulla at, feugiat erat. Duis orci elit,"
          frag 16 from TextNode start: 697, length: 45, rect: [8,296 361.328125x18] baseline: 13.796875
              "vehicula sed blandit eget, auctor in arcu. Ut"
          frag 17 from TextNode start: 743, length: 41, rect: [8,314 345.75x18] baseline: 13.796875
              "cursus magna sit amet nulla cursus, vitae"
          frag 18 from TextNode start: 785, length: 22, rect: [8,332 180.234375x18] baseline: 13.796875
              "gravida mauris dictum."
          TextNode <#text> (not painted)
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
          TextNode <#text> (not painted)

ViewportPaintable (Viewport<#document>) [0,0 800x600]
  PaintableWithLines (BlockContainer<HTML>) [0,0 800x358]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x342]
      PaintableBox (Box<DIV>.grid-container) [8,8 784x342]
        PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-one) [411.46875,8 380.53125x134]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-one-two) [411.46875,162 380.53125x188]
          TextPaintable (TextNode<#text>)
        PaintableWithLines (BlockContainer<DIV>.grid-item.item-span-two) [8,8 383.46875x342]
          TextPaintable (TextNode<#text>)

SC for Viewport<#document> [0,0 800x600] [children: 1] (z-index: auto)
 SC for BlockContainer<HTML> [0,0 800x358] [children: 0] (z-index: auto)
