If you take the time to look at it, thank you very much.
Is there a more-efficient method I could/should use to create the individual info boxes?
Why is it that the background image I used does not cover the edges of the page? Is it because of the image being the wrong size, or because there is a better way to set a background image?
This is probably a silly question, but when I share a Pen on here, those who click the link can only view it but not edit it, right?
Since copy/paste from codepen you can ignore the first warning and first two errors.
There are HTML coding errors you should address.
Google the term “CSS reset”. There’s a lot more to it than what I’m putting here but browser’s have a default stylesheet that they use and no two browsers are alike. At the top of you CSS add the following;
* {
margin: 0;
padding: 0;
}
and see what happens to your background. Again, do the research.