Why won't my font awesome icons center?

Why won't my font awesome icons center?



You have two different versions of Bootstrap in your project. One is in the Codepen settings for the CSS module and the other is in the head section of your html module. Which version do you want to use? Running two versions can cause strange things to occur.


It still didn’t fix the problem :cold_sweat:


Since you are using Bootstrap, just add the “text-center” class to the div with id=“icons”.

FYI - The following is not valid JavaScript. If you take a look at your browser’s console (Ctrl+Shft+J in Chrome), you would see an error. Most of this is CSS and belongs in your CSS section.

  @media screen and (max-width: 1200px) {
  .nav a:not(:first-child) {display: none;}
  .nav a.icon {
    float: right;
    display: block;
@media screen and (max-width: 1200px) {
  .nav.responsive {position: relative;}
  .nav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  .nav.responsive a {
    float: none;
    display: block;
    text-align: left;