I can't see any image

Hi all -

I just try to develop Build a Personal Portfolio Webpage task on https://codepen.io/tobto/pen/WELeBE and don’t see any external image nor placeholders. Why?

You need to post your actual codepen link. You only posted the main codepen website link.

thanks for reply! added url

If you check your console (Ctrl+Shft+I in Chrome) you will see two errors.

Mixed Content: The page at ‘https://codepen.io/tobto/pen/WELeBE’ was loaded over HTTPS, but requested an insecure image ‘http://via.placeholder.com/350x150’. This content should also be served over HTTPS.

and

Uncaught Error: Bootstrap’s JavaScript requires jQuery. jQuery must be included before Bootstrap’s JavaScript.at bootstrap.min.js:6

To fix the first one, the url for the image must start with https and not http:

To fix the second one, you will need to add JQuery to your JS external links before adding the Bootstrap 4 link. Bootstrap depends on JQuery, so JQuery must load first.

Once you fix both of the errors by doing what I said, you will see a new error requiring you to add another external library. I will let you figure out that one on your own.

Fixed. Still no images.

Actually, you did not fix the JQuery error I mentioned in the previous post. Check your console, you will see the error. JQuery must be added before the Bootstrap, meaning the order listed in the external links should be:

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js

then

https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/js/bootstrap.min.js

Ok. Changed.
Thanks!