Adding class to image to center and pad on mobile

[Luke Shenefield]

Luke Shenefield

August 14, 2019 at 4:40 pm

Hi guys,

I’m stuck here, help! I’ve created this code:

/*buy now buttons on mobile*/

@media only screen and (max-width: 600px) {
.buy {
padding-bottom: 20px;
}
}

For this site: *Login to see link

I want the Amazon buttons to line up in center and have a little space between them on a phone. I don’t know what css to use to line them up (text-align: center doesn’t work) and I can’t get the code to stick. The page code is this:

class=”buy” style=”border: none; text-decoration: none; padding-right: 10px;” href=”*Login to see link target=”_blank” rel=”noopener noreferrer”><a class=”buy” style=”border: none; text-decoration: none;” href=”*Login to see link target=”_blank” rel=”noopener noreferrer”>

Can you help? Thank you!