Viewport <#document> at (0,0) content-size 800x600 children: not-inline
  BlockContainer <html> at (0,0) content-size 800x120.8125 children: not-inline
    BlockContainer <body> at (8,8) content-size 784x104.8125 children: not-inline
      Box <div.grid-container> at (8,8) content-size 784x34.9375 children: not-inline
        BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
          TextNode <#text>
        BlockContainer <div> at (400,25.46875) content-size 392x17.46875 children: inline
          line 0 width: 99.703125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
            frag 0 from TextNode start: 1, length: 12, rect: [400,25.46875 99.703125x17.46875]
              "right-bottom"
          TextNode <#text>
        BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
          TextNode <#text>
        BlockContainer <div> at (8,8) content-size 392x34.9375 children: inline
          line 0 width: 26.25, height: 17.46875, bottom: 17.46875, baseline: 13.53125
            frag 0 from TextNode start: 0, length: 4, rect: [8,8 26.25x17.46875]
              "left"
          TextNode <#text>
        BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
          TextNode <#text>
        BlockContainer <div> at (400,8) content-size 392x17.46875 children: inline
          line 0 width: 70.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
            frag 0 from TextNode start: 0, length: 9, rect: [400,8 70.234375x17.46875]
              "right-top"
          TextNode <#text>
        BlockContainer <(anonymous)> at (8,8) content-size 0x0 children: inline
          TextNode <#text>
      BlockContainer <(anonymous)> at (8,42.9375) content-size 784x0 children: inline
        TextNode <#text>
        TextNode <#text>
        TextNode <#text>
      Box <div.grid-container> at (8,42.9375) content-size 784x17.46875 children: not-inline
        BlockContainer <(anonymous)> at (8,42.9375) content-size 0x0 children: inline
          TextNode <#text>
        BlockContainer <div.grid-item> at (8,42.9375) content-size 261.333343x17.46875 children: inline
          line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
            frag 0 from TextNode start: 0, length: 3, rect: [8,42.9375 21.609375x17.46875]
              "1fr"
          TextNode <#text>
        BlockContainer <(anonymous)> at (8,42.9375) content-size 0x0 children: inline
          TextNode <#text>
      BlockContainer <(anonymous)> at (8,60.40625) content-size 784x0 children: inline
        TextNode <#text>
        TextNode <#text>
        TextNode <#text>
      Box <div.grid-container> at (8,60.40625) content-size 784x17.46875 children: not-inline
        BlockContainer <(anonymous)> at (8,60.40625) content-size 0x0 children: inline
          TextNode <#text>
        BlockContainer <div.grid-item> at (8,60.40625) content-size 392x17.46875 children: inline
          line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
            frag 0 from TextNode start: 0, length: 3, rect: [8,60.40625 21.609375x17.46875]
              "1fr"
          TextNode <#text>
        BlockContainer <(anonymous)> at (8,60.40625) content-size 0x0 children: inline
          TextNode <#text>
      BlockContainer <(anonymous)> at (8,77.875) content-size 784x0 children: inline
        TextNode <#text>
        TextNode <#text>
        TextNode <#text>
      Box <div.grid-container> at (8,77.875) content-size 784x17.46875 children: not-inline
        BlockContainer <(anonymous)> at (8,77.875) content-size 0x0 children: inline
          TextNode <#text>
        BlockContainer <div.grid-item> at (8,77.875) content-size 196x17.46875 children: inline
          line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
            frag 0 from TextNode start: 0, length: 3, rect: [8,77.875 21.609375x17.46875]
              "1fr"
          TextNode <#text>
        BlockContainer <(anonymous)> at (8,77.875) content-size 0x0 children: inline
          TextNode <#text>
      BlockContainer <(anonymous)> at (8,95.34375) content-size 784x0 children: inline
        TextNode <#text>
        TextNode <#text>
        TextNode <#text>
      Box <div.grid-container> at (8,95.34375) content-size 784x17.46875 children: not-inline
        BlockContainer <(anonymous)> at (8,95.34375) content-size 0x0 children: inline
          TextNode <#text>
        BlockContainer <div.grid-item> at (8,95.34375) content-size 196x17.46875 children: inline
          line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
            frag 0 from TextNode start: 0, length: 3, rect: [8,95.34375 21.609375x17.46875]
              "1fr"
          TextNode <#text>
        BlockContainer <(anonymous)> at (8,95.34375) content-size 0x0 children: inline
          TextNode <#text>
