Problem

Currently, the Query Builder's footer columns are separated by a fixed spacing of 120px. This causes the text columns to sometimes become narrower than the space between them:

Solution

Make the spacing flexible, instead of wrapping the content, to improve readability:

1. The default gap (right padding) between the footer columns can still be 120px.(We probably could achieve this by applying a max-width of 945px to the footer (via .query-builedr-footer) and justifying the content using space between.

2. The minimum gap between the columns should be 40px. The text within the columns should only wrap to respect that.

3. The footer should become a single column at and below the 639px (max-width-breakpoint-mobile).

Acceptance criteria

• The space between the columns in the QB's footer is made flexible down to a minimum gap of 40px