Background images for sections in the Portfolio

Background images for sections in the Portfolio
0

#1

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?