Notes

A launch hero for a coffee grinder: copy, price and a pre-order progress bar on the left, and on the right a Visual Grid Container that layers a brand-flooded panel, the product picture and three spec chips on a 9 by 10 grid so the chips break the panel on its right, left and bottom edges. Phones get their own 6 by 8 layout, and the flex row reverses there so the product shows first: the panel runs full width, two chips hang off its bottom edge and the third sits against the picture. Row heights are fixed at each breakpoint, so keep each chip to one short line, and change the 78% width on the progress fill when the numbers change.