Codepen showing my project incorrectly

1

I have made first 2 projects in codepen.

  1. The tribute page : https://codepen.io/achlendra/pen/oGgPRq
  2. The portfolio page : https://codepen.io/achlendra/pen/qPbdam

Both of them opens correctly in my browser(chrome) while opening the HTML file.But codepen is not showing images ( I’ve tried imgur and dropbox). And some colors and styling/ margins are also not there. But pasting the same HTML and CSS codes in respective files and opening on my PC shows different ( as I wanted them) result. Please help I’m new to web developing world.

3

And what about my colors and margins showing incorrectly. They seem to be working correctly in my chrome.

5

Untitled
Untitled1366×768 58.1 KB

See the navbar here is of different color.
The margin of (welcome to mwc…) block is shifted and in center.

7

Thanks a lot Sir…