This specification was created to help the implementation team understand the correct state of the icon to show depending on the completion step the user was in. This was a different experience than previously presented to the user. It was non-linear, and allowed the user to participate in only the offers or activities they choose.
Designing for multiple viewports is best served by allowing the design to be adaptive to how the user resizes the window. This is not just being responsive… scaling. This is allowing the layout to change depending on how the viewport is enlarged or reduced. Room for 4 Columns 3 Column variation Hero card variations