Improves the home page "How it works" section responsive behaviour by centering the header text and limiting the columns width on mobile viewport devices.
Preview on 648px:
Closes: #105
Requires: #106
Note: The mobile viewport encompasses a large number of device widths, from the larger 768px phones to the smallest under 320px. The current proposed solution using SUI device only grid options cannot account for different displays for devices within this group. This means that the 10/16th column that seems large on 768px can become weirdly narrow on 320px devices.
Improves the home page "How it works" section responsive behaviour by centering the header text and limiting the columns width on mobile viewport devices.
Preview on 648px:
Note: The
mobile
viewport encompasses a large number of device widths, from the larger 768px phones to the smallest under 320px. The current proposed solution using SUI device only grid options cannot account for different displays for devices within this group. This means that the 10/16th column that seems large on 768px can become weirdly narrow on 320px devices.