Background images for sections in the Portfolio

See this guy’s “Portfolio”?

Well he’s got his page set up into three different parts with an image for each part.
he’s got classes in his CSS like this:

.pageOne{
  background:url("https://images.unsplash.com/photo-1477519242566-6ae87c31d212?auto=format&fit=crop&w=750&q=60&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D");
  background-size: cover;
 padding: 5%;

and then he applies the class to the larger scoped < div> that all the stuff for that section is in.

  • Is that the best way to do that?
  • Should be using < section> elements?

See, I really like that look but it was out of my league 2 weeks ago. And now that I’ve learned so much I can go back and finagle something of my own but I want to make sure I get the Semantic naming right so my page loads well in browsers and readers and all that jazz (that’s the whole point right lol).

Anyway, Wadya think about this?