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 - Ratchet Tutorial
From the course: Ratchet: Multidevice Prototyping
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.