Social media icons missing


#1

<PLEASE USE THE FOLLOWING TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>

https://www.codecademy.com/en/courses/make-a-website/lessons/bootstrap/exercises/footers
<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>

None of the social media icons appear at the bottom of the page.



Replace this line with your code. 


https://www.codecademy.com/en/courses/make-a-website/lessons/bootstrap/exercises/footers


#2

This is the footer markup. How does it compare to yours?

  <footer class="container">
    <div class="row">
      <p class="col-sm-4">&copy; 2016 Skillfair</p>
      <ul class="col-sm-8">
        <li class="col-sm-3">
          <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/twitter.svg"></li>
        <li class="col-sm-3">
          <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/facebook.svg">
        </li>
        <li class="col-sm-3">
          <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/instagram.svg">
        </li>
        <li class="col-sm-3">
          <img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/medium.svg">
        </li>
      </ul>
    </div>
  </footer>

Please post your CSS so we can test it. Thanks.


#3

Here is my footer markup, which looks exactly the same as yours:

© 2016 Skillfair


#4

Here is my css:

footer {
font-size: 12px;
padding: 20px 0;
}

footer .col-sm-8 {
display: flex;
justify-content: flex-end;
}

footer ul {
list-style: none;
}

footer li img {
width: 32px;
height: 32px;
}


#5

Hi Roy,

Here is my footer markup:

© 2016 Skillfair


#6

Hi Roy,

Looks like all the social media icons are displayed when I posted my index.html file here. But on the codecademy console, none of them are displayed.


#7

If the images are not appearing then there should be an img placeholder in their place. Notice also that the images are very faint.


#8

Hi Roy, I also think that the reason they not displayed is because the
color is very faint. Thanks so muchfor your help.


#9

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.