Padding elements with Susy

The guest room section is going to be similar to what we've done before.…but I'll show you how you can use another Susy feature called padding.…It lets you expand elements by padding them with columns.…So let's go into the HTML, just to take a look at how this area is structured.…We have, essentially, a div with a class of scene, id of rooms, and then in there,…we have a header.…Which is just this top part right here, and then we have several articles,…each article is a class of room.…

And notice that we also have this full height class here and…then they have an ID for whichever room it is.…That's because I'm going to be using this id to target these and…put different background elements or background images in there.…And that's pretty much it.…Inside those, I have just a headline with some text.…It is important to note that I put these inside a section with a class of content,…because I'm going to need to lay those out slightly different.…So, that's pretty much it, it ends up right there.…And we're going to dig into the CSS.…