The new design aims for a more compact design where multiple fields are laid out in rows. We need to apply some sort of composition for this, and we should figure that out.

Acceptance Criteria

• The donation form can display the fields marked below well on any viewport size
• Layout compositions are created to handle the layout of the 3 rows marked in the screenshots below
• A sample page is created in the pattern library containing the new compositions

Implementation Notes

• This will most likely need a mixture of grid, flex and cluster compositions, or the creation of new ones. If new ones are created they should be named form compositions.
• The existing composition can be used as examples
• If possible we should avoid breakpoints and allow the browser to decide when to stack fields.