The top of the big triple-letter coloured boxes should be flush with the top of the small single-letter coloured boxes of the same color. If there is not enough horizontal room for the big box to fit on the small box's line on its left side, then the big box should appear on the leftmost part of next line of where is the small box.
You can resize the window to change respective position of boxes and you can increase/decrease the font size to verify.
AAA
filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text DDDD
filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text filler text