I’m having some problems with the pictures. For some reason, I can’t figure out how to make links to them in Visual Studio Code. I made another post in the MDN Learn Area about the problems I was having at this link.
Any help would be appreciated. Thanks, in advance.
Thanks to MDN for making all this educational content free!
As far as I can see your code is correct. Congratulations!
It’s fine how you used relative links in HTML. You should do the same for the background image in CSS. The reason CodePen doesn’t display the images is that it doesn’t know about your local images. CodePen looks in it’s own “images” folder (which doesn’t exist) and can’t show anything.
Some possible solutions to make it work online:
When you say, “Use GitHub to host your code”, does that mean create a repository, and place the code in the editor? Then what do you do? I’m not familiar with how to use GitHub, yet.
If you have never used Git and/or GitHub, the other possibilities I listed are surely easier to use.
That being said learning a version control system (Git is the most used one) and learning how code hosters work (GitHub is the biggest) is an important part of becoming a developer. GitHub has some great introduction courses: https://lab.github.com/
If you’re interested I recommend having a look at their First Day on GitHub and First Week on GitHub learning paths.
To answer your question: You would synchronize your local code with your GitHub repo and activate “GitHub Pages” to see the code live in action. See for example this post of another learner: Assessment wanted for 'Structuring planet data' task
Thanks for the information. I will, definitely, start going through those courses, so I can use GitHub to host the code for the various assessments for MDN. I know I have to start learning GitHub and I appreciate how you’ve me pointed me in that direction. Thanks, again!