So at a viewport width of 1030px (a bad one per comment 7), we have the following sizes for the flex container that's got the images: * flex container has width of `814.333px` * flex container has `column-gap: 24px` * flex items have `width: 255.45` So the 3 flex items (and 2 gaps between them) require `3*255.45px + 2*24px = 814.35px`, which is .02px wider than the flex container. So they overflow.
Bug 1923245 Comment 9 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
So at a viewport width of 1030px (a bad one per comment 7), we have the following sizes for the flex container that's got the images: * flex container has width of `814.333px` * flex container has `column-gap: 24px` * flex items have `width: 255.45` So the 3 flex items (and 2 gaps between them) require `3*255.45px + 2*24px = 814.35px`, which is about `.02px` wider than the flex container (almost certainly one nscoord unit, 1/60th of a CSS pixel)
So at a viewport width of 1030px (a bad one per comment 7), we have the following sizes for the flex container that's got the images: * flex container has width of `814.333px` * flex container has `column-gap: 24px` * flex items have `width: 255.45` So the 3 flex items (and 2 gaps between them) require `3*255.45px + 2*24px = 814.35px`, which is about `.02px` wider than the flex container (almost certainly one nscoord unit, 1/60th of a CSS pixel, the smallest size that we represent internally for layout like this). So they overflow and the last flex item wraps to the next flex line.