Having trouble centering footer social icons on mobile

Hi web friends!

I can't seem to figure out why my CSS isn't working. I'm sure it's something silly, but I cannot get my social icons to be center aligned on mobile. Here's the code currently using:

@media only screen and (max-width: 767px)
{ #block-yui_3_17_2_1_1714494673985_46210 * {
        text-align: center !important; }

}

Here's my site: www.nickpenta.com

Thanks!

49 minutes ago, npenta said:

Hi web friends!

I can't seem to figure out why my CSS isn't working. I'm sure it's something silly, but I cannot get my social icons to be center aligned on mobile. Here's the code currently using:

 

@media only screen and (max-width: 767px)
{ #block-yui_3_17_2_1_1714494673985_46210 * {
        text-align: center !important; }

}

 

Here's my site: www.nickpenta.com

Thanks!

You can use this code 

@media only screen and (max-width: 767px) {
  #block-yui_3_17_2_1_1714494673985_46210 * {
    justify-content: center;
  }
}

Let me know how it works on your side