From the course: Ratchet: Multidevice Prototyping

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Adding content

Adding content - Ratchet Tutorial

From the course: Ratchet: Multidevice Prototyping

Start my 1-month free trial

Adding content

- With our applications header in place, we can now add a content container. Let's go ahead and add a div tag, and set the CSS class of content to it. All of the scrollable content will be within this div element. (keyboard clicking) (more clicking) There! Now, let me scroll a little bit - there! Now, if we want to include some default padding to our content, we can apply the CSS class of content-padded. This class can be set on the entire div, or on an element by element basis. If you need just a little padding or margin around an element, depending on how Ratchet sets something up. Let's add a div that we're going to use to wrap our conference name and date in. And within this div, we're going to add the title and the date. For the title, I'm going to go ahead and set that to an H1. Call it "conference" and you know what? Let's go ahead and add that content-padded class I was talking about. There. Copy that... and let's go ahead and add the date, you know let's set that to be about…

Contents