How to flip sides of Handsome Checkout?

If you want to switch the sides of your Handsome Checkout page, so that the checkout form is on the right (like on the screenshot above) and the product image, description, bullet points, testimonials and other stuff are on the left, then you need to put this snippet into the Custom CSS field of that page:

.column {
 float: right;
 margin-right: 3%;
 margin-left: 0;
}

.column:first-child {
 margin-right: 0;
}