Files
ladybird/Tests/LibWeb/Layout/expected/flex/justify-content-1.txt
Andreas Kling 09eed8eea2 LibWeb+headless-browser: Include paint tree in layout test output
This will give us a more comprehensive look at what actually gets
rendered in the end, and also allows us to catch more behavior changes.
2023-08-03 13:21:26 +02:00

843 lines
53 KiB
Plaintext

Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x5842 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x5824 children: not-inline
BlockContainer <(anonymous)> at (10,10) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.start> at (11,11) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,12) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 41.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [12,12 41.234375x17.46875]
"start"
TextNode <#text>
BlockContainer <div> at (64,12) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [64,12 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (116,12) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [116,12 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,72) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.flex-start> at (11,73) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,74) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 76.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [12,74 76.8125x17.46875]
"flex-start"
TextNode <#text>
BlockContainer <div> at (64,74) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [64,74 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (116,74) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [116,74 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,134) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.end> at (11,135) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (156,136) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 26.1875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [156,136 26.1875x17.46875]
"end"
TextNode <#text>
BlockContainer <div> at (208,136) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [208,136 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (260,136) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [260,136 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,196) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.flex-end> at (11,197) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (156,198) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 61.765625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 8, rect: [156,198 61.765625x17.46875]
"flex-end"
TextNode <#text>
BlockContainer <div> at (208,198) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [208,198 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (260,198) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [260,198 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,258) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.center> at (11,259) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (84,260) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 51.625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [84,260 51.625x17.46875]
"center"
TextNode <#text>
BlockContainer <div> at (136,260) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [136,260 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (188,260) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [188,260 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,320) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.space-around> at (11,321) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (36,322) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 107.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 12, rect: [36,322 107.96875x17.46875]
"space-around"
TextNode <#text>
BlockContainer <div> at (136,322) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [136,322 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (236,322) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [236,322 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,382) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.space-between> at (11,383) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (12,384) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 115.515625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 13, rect: [12,384 115.515625x17.46875]
"space-between"
TextNode <#text>
BlockContainer <div> at (136,384) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [136,384 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (260,384) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [260,384 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,444) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.outer.space-evenly> at (11,445) content-size 300x60 flex-container(row) [FFC] children: not-inline
BlockContainer <div> at (48,446) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 98.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 12, rect: [48,446 98.859375x17.46875]
"space-evenly"
TextNode <#text>
BlockContainer <div> at (136,446) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [136,446 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (224,446) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [224,446 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,506) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.start> at (11,507) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (116,508) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 41.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [116,508 41.234375x17.46875]
"start"
TextNode <#text>
BlockContainer <div> at (64,508) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [64,508 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,508) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,508 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,568) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.flex-start> at (11,569) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (260,570) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 76.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [260,570 76.8125x17.46875]
"flex-start"
TextNode <#text>
BlockContainer <div> at (208,570) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [208,570 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (156,570) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [156,570 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,630) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.end> at (11,631) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (260,632) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 26.1875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [260,632 26.1875x17.46875]
"end"
TextNode <#text>
BlockContainer <div> at (208,632) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [208,632 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (156,632) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [156,632 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,692) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.flex-end> at (11,693) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (116,694) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 61.765625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 8, rect: [116,694 61.765625x17.46875]
"flex-end"
TextNode <#text>
BlockContainer <div> at (64,694) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [64,694 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,694) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,694 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,754) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.center> at (11,755) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (188,756) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 51.625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [188,756 51.625x17.46875]
"center"
TextNode <#text>
BlockContainer <div> at (136,756) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [136,756 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (84,756) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [84,756 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,816) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.space-around> at (11,817) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (236,818) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 107.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 12, rect: [236,818 107.96875x17.46875]
"space-around"
TextNode <#text>
BlockContainer <div> at (136,818) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [136,818 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (36,818) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [36,818 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,878) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.space-between> at (11,879) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (260,880) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 115.515625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 13, rect: [260,880 115.515625x17.46875]
"space-between"
TextNode <#text>
BlockContainer <div> at (136,880) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [136,880 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,880) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,880 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,940) content-size 780x0 children: inline
TextNode <#text>
Box <div.row.reverse.outer.space-evenly> at (11,941) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline
BlockContainer <div> at (224,942) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 98.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 12, rect: [224,942 98.859375x17.46875]
"space-evenly"
TextNode <#text>
BlockContainer <div> at (136,942) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [136,942 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (48,942) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [48,942 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1002) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.start> at (11,1003) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1004) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 41.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [12,1004 41.234375x17.46875]
"start"
TextNode <#text>
BlockContainer <div> at (12,1056) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,1056 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,1108) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,1108 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1304) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.flex-start> at (11,1305) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1306) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 76.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [12,1306 76.8125x17.46875]
"flex-start"
TextNode <#text>
BlockContainer <div> at (12,1358) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,1358 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,1410) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,1410 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1606) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.end> at (11,1607) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,1752) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 26.1875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [12,1752 26.1875x17.46875]
"end"
TextNode <#text>
BlockContainer <div> at (12,1804) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,1804 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,1856) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,1856 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,1908) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.flex-end> at (11,1909) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,2054) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 61.765625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 8, rect: [12,2054 61.765625x17.46875]
"flex-end"
TextNode <#text>
BlockContainer <div> at (12,2106) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,2106 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,2158) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,2158 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2210) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.center> at (11,2211) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,2284) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 51.625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [12,2284 51.625x17.46875]
"center"
TextNode <#text>
BlockContainer <div> at (12,2336) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,2336 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,2388) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,2388 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2512) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.space-around> at (11,2513) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,2538) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 107.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 12, rect: [12,2538 107.96875x17.46875]
"space-around"
TextNode <#text>
BlockContainer <div> at (12,2638) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,2638 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,2738) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,2738 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,2814) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.space-between> at (11,2815) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,2816) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 115.515625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 13, rect: [12,2816 115.515625x17.46875]
"space-between"
TextNode <#text>
BlockContainer <div> at (12,2940) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,2940 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,3064) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,3064 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,3116) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.outer.space-evenly> at (11,3117) content-size 60x300 flex-container(column) [FFC] children: not-inline
BlockContainer <div> at (12,3154) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 98.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 12, rect: [12,3154 98.859375x17.46875]
"space-evenly"
TextNode <#text>
BlockContainer <div> at (12,3242) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,3242 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,3330) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,3330 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,3418) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.start> at (11,3419) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,3524) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 41.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [12,3524 41.234375x17.46875]
"start"
TextNode <#text>
BlockContainer <div> at (12,3472) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,3472 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,3420) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,3420 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,3720) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.flex-start> at (11,3721) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,3970) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 76.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 10, rect: [12,3970 76.8125x17.46875]
"flex-start"
TextNode <#text>
BlockContainer <div> at (12,3918) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,3918 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,3866) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,3866 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,4022) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.end> at (11,4023) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,4272) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 26.1875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [12,4272 26.1875x17.46875]
"end"
TextNode <#text>
BlockContainer <div> at (12,4220) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,4220 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,4168) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,4168 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,4324) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.flex-end> at (11,4325) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,4430) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 61.765625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 8, rect: [12,4430 61.765625x17.46875]
"flex-end"
TextNode <#text>
BlockContainer <div> at (12,4378) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,4378 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,4326) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,4326 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,4626) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.center> at (11,4627) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,4804) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 51.625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [12,4804 51.625x17.46875]
"center"
TextNode <#text>
BlockContainer <div> at (12,4752) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,4752 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,4700) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,4700 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,4928) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.space-around> at (11,4929) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,5154) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 107.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 12, rect: [12,5154 107.96875x17.46875]
"space-around"
TextNode <#text>
BlockContainer <div> at (12,5054) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,5054 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,4954) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,4954 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,5230) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.space-between> at (11,5231) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,5480) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 115.515625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 13, rect: [12,5480 115.515625x17.46875]
"space-between"
TextNode <#text>
BlockContainer <div> at (12,5356) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,5356 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,5232) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,5232 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,5532) content-size 780x0 children: inline
TextNode <#text>
Box <div.column.reverse.outer.space-evenly> at (11,5533) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline
BlockContainer <div> at (12,5746) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 98.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 12, rect: [12,5746 98.859375x17.46875]
"space-evenly"
TextNode <#text>
BlockContainer <div> at (12,5658) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,5658 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (12,5570) content-size 50x50 flex-item [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [12,5570 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <(anonymous)> at (10,5834) content-size 780x0 children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x5844]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x5844]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x5826]
PaintableWithLines (BlockContainer(anonymous)) [10,10 780x0]
PaintableBox (Box<DIV>.row.outer.start) [10,10 302x62]
PaintableWithLines (BlockContainer<DIV>) [11,11 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [63,11 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [115,11 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,72 780x0]
PaintableBox (Box<DIV>.row.outer.flex-start) [10,72 302x62]
PaintableWithLines (BlockContainer<DIV>) [11,73 52x52] overflow: [12,74 76.8125x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [63,73 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [115,73 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,134 780x0]
PaintableBox (Box<DIV>.row.outer.end) [10,134 302x62]
PaintableWithLines (BlockContainer<DIV>) [155,135 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [207,135 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [259,135 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,196 780x0]
PaintableBox (Box<DIV>.row.outer.flex-end) [10,196 302x62]
PaintableWithLines (BlockContainer<DIV>) [155,197 52x52] overflow: [156,198 61.765625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [207,197 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [259,197 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,258 780x0]
PaintableBox (Box<DIV>.row.outer.center) [10,258 302x62]
PaintableWithLines (BlockContainer<DIV>) [83,259 52x52] overflow: [84,260 51.625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [135,259 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [187,259 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,320 780x0]
PaintableBox (Box<DIV>.row.outer.space-around) [10,320 302x62]
PaintableWithLines (BlockContainer<DIV>) [35,321 52x52] overflow: [36,322 107.96875x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [135,321 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [235,321 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,382 780x0]
PaintableBox (Box<DIV>.row.outer.space-between) [10,382 302x62]
PaintableWithLines (BlockContainer<DIV>) [11,383 52x52] overflow: [12,384 115.515625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [135,383 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [259,383 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,444 780x0]
PaintableBox (Box<DIV>.row.outer.space-evenly) [10,444 302x62]
PaintableWithLines (BlockContainer<DIV>) [47,445 52x52] overflow: [48,446 98.859375x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [135,445 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [223,445 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,506 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.start) [10,506 302x62]
PaintableWithLines (BlockContainer<DIV>) [115,507 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [63,507 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,507 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,568 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.flex-start) [10,568 302x62] overflow: [11,569 325.8125x60]
PaintableWithLines (BlockContainer<DIV>) [259,569 52x52] overflow: [260,570 76.8125x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [207,569 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [155,569 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,630 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.end) [10,630 302x62]
PaintableWithLines (BlockContainer<DIV>) [259,631 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [207,631 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [155,631 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,692 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.flex-end) [10,692 302x62]
PaintableWithLines (BlockContainer<DIV>) [115,693 52x52] overflow: [116,694 61.765625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [63,693 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,693 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,754 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.center) [10,754 302x62]
PaintableWithLines (BlockContainer<DIV>) [187,755 52x52] overflow: [188,756 51.625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [135,755 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [83,755 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,816 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.space-around) [10,816 302x62] overflow: [11,817 332.96875x60]
PaintableWithLines (BlockContainer<DIV>) [235,817 52x52] overflow: [236,818 107.96875x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [135,817 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [35,817 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,878 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.space-between) [10,878 302x62] overflow: [11,879 364.515625x60]
PaintableWithLines (BlockContainer<DIV>) [259,879 52x52] overflow: [260,880 115.515625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [135,879 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,879 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,940 780x0]
PaintableBox (Box<DIV>.row.reverse.outer.space-evenly) [10,940 302x62] overflow: [11,941 311.859375x60]
PaintableWithLines (BlockContainer<DIV>) [223,941 52x52] overflow: [224,942 98.859375x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [135,941 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [47,941 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,1002 780x0]
PaintableBox (Box<DIV>.column.outer.start) [10,1002 62x302]
PaintableWithLines (BlockContainer<DIV>) [11,1003 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,1055 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,1107 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,1304 780x0]
PaintableBox (Box<DIV>.column.outer.flex-start) [10,1304 62x302] overflow: [11,1305 77.8125x300]
PaintableWithLines (BlockContainer<DIV>) [11,1305 52x52] overflow: [12,1306 76.8125x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,1357 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,1409 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,1606 780x0]
PaintableBox (Box<DIV>.column.outer.end) [10,1606 62x302]
PaintableWithLines (BlockContainer<DIV>) [11,1751 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,1803 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,1855 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,1908 780x0]
PaintableBox (Box<DIV>.column.outer.flex-end) [10,1908 62x302] overflow: [11,1909 62.765625x300]
PaintableWithLines (BlockContainer<DIV>) [11,2053 52x52] overflow: [12,2054 61.765625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2105 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2157 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,2210 780x0]
PaintableBox (Box<DIV>.column.outer.center) [10,2210 62x302]
PaintableWithLines (BlockContainer<DIV>) [11,2283 52x52] overflow: [12,2284 51.625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2335 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2387 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,2512 780x0]
PaintableBox (Box<DIV>.column.outer.space-around) [10,2512 62x302] overflow: [11,2513 108.96875x300]
PaintableWithLines (BlockContainer<DIV>) [11,2537 52x52] overflow: [12,2538 107.96875x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2637 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2737 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,2814 780x0]
PaintableBox (Box<DIV>.column.outer.space-between) [10,2814 62x302] overflow: [11,2815 116.515625x300]
PaintableWithLines (BlockContainer<DIV>) [11,2815 52x52] overflow: [12,2816 115.515625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,2939 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,3063 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,3116 780x0]
PaintableBox (Box<DIV>.column.outer.space-evenly) [10,3116 62x302] overflow: [11,3117 99.859375x300]
PaintableWithLines (BlockContainer<DIV>) [11,3153 52x52] overflow: [12,3154 98.859375x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,3241 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,3329 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,3418 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.start) [10,3418 62x302]
PaintableWithLines (BlockContainer<DIV>) [11,3523 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,3471 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,3419 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,3720 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.flex-start) [10,3720 62x302] overflow: [11,3721 77.8125x300]
PaintableWithLines (BlockContainer<DIV>) [11,3969 52x52] overflow: [12,3970 76.8125x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,3917 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,3865 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,4022 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.end) [10,4022 62x302]
PaintableWithLines (BlockContainer<DIV>) [11,4271 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,4219 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,4167 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,4324 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.flex-end) [10,4324 62x302] overflow: [11,4325 62.765625x300]
PaintableWithLines (BlockContainer<DIV>) [11,4429 52x52] overflow: [12,4430 61.765625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,4377 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,4325 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,4626 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.center) [10,4626 62x302]
PaintableWithLines (BlockContainer<DIV>) [11,4803 52x52] overflow: [12,4804 51.625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,4751 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,4699 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,4928 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.space-around) [10,4928 62x302] overflow: [11,4929 108.96875x300]
PaintableWithLines (BlockContainer<DIV>) [11,5153 52x52] overflow: [12,5154 107.96875x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,5053 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,4953 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,5230 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.space-between) [10,5230 62x302] overflow: [11,5231 116.515625x300]
PaintableWithLines (BlockContainer<DIV>) [11,5479 52x52] overflow: [12,5480 115.515625x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,5355 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,5231 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,5532 780x0]
PaintableBox (Box<DIV>.column.reverse.outer.space-evenly) [10,5532 62x302] overflow: [11,5533 99.859375x300]
PaintableWithLines (BlockContainer<DIV>) [11,5745 52x52] overflow: [12,5746 98.859375x50]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,5657 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [11,5569 52x52]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [10,5834 780x0]