How can I compress and align payment icons to the right?

[sebfe]

hello, may i know how to compress the footer payment icon and put it on the right side, i put this code in footer.liquid, thank you for the help,

[Easypardrop]

Hey Sebfe,
please share the preview link or website link with me then definitely help on the issue

[sebfe]

hello, this is my website https://touchcare.shop

[deepaksharma]

You can adjust the html and use css to give them a good look for example:

we will have to add a div let's name it country-payment,

In this will will place the country selector and payment list

so css will be

.country-payment{
   display: flex;
   flex-direction: column; /*will arrange them in column*/
   gap: 10px;/*will add some gap, you can adjust*/
}

now they both will be align

I am seeing you payment images are not align properly they are very far it will create conflict. So better create a div around them suppose we created one named payment and now we will apply css here as well

.payment{
   display: flex;
   flex-direction: column; /*will arrange them in column*/
   gap: 10px;/*will add some gap, you can adjust*/
}

[sebfe]

where should i put the code, thank you