Rearranging Billing Options In Step 4 Of Checkout

Store Builder Questions
1

How can I modify the layout of the billing options that now are listed vertically in one column to a 3 column lay out instead ?

http://prntscr.com/gmt2ux

2

How can I modify the layout of the billing options that now are listed vertically in one column to a 3 column lay out instead ?

http://prntscr.com/gmt2ux

I suppose something like this:

.ty-payments-list {
   width: 100%;
   padding-right: 0px !important;
}
.ty-payments-list__item {
   width: calc(~"100% / 3");
   width: -webkit-calc(~"100% / 3");
   float: left;
}
@media (min-width: 480px) and (max-width: 767px) {
   .ty-payments-list__item {
      width: calc(~"100% / 2");
      width: -webkit-calc(~"100% / 2");
   }
}
@media (max-width: 480px) {
   .ty-payments-list__item {
      width: 100%;
   }
}
3

I suppose something like this:

.ty-payments-list {
   width: 100%;
   padding-right: 0px !important;
}
.ty-payments-list__item {
   width: calc(~"100% / 3");
   width: -webkit-calc(~"100% / 3");
   float: left;
}
@media (min-width: 480px) and (max-width: 767px) {
   .ty-payments-list__item {
      width: calc(~"100% / 2");
      width: -webkit-calc(~"100% / 2");
   }
}
@media (max-width: 480px) {
   .ty-payments-list__item {
      width: 100%;
   }
}

I am in debt to you poppedweb,

http://prntscr.com/gnobir