From the course: Creating a Responsive Web Design

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

Adding content to the main section

Adding content to the main section - CSS Tutorial

From the course: Creating a Responsive Web Design

Adding content to the main section

- Now we're ready to start adding some content into our Section element here with a class of main. Now, before we add the HTML, let's quickly review the individual elements that we're going to need. In order to create these three columns, we're going to put each one of these columns into an element called an aside. Each aside will have a div element inside of there, then will have an h3 element with an anchor tag inside, so you can click on these, and then a paragraph element inside as well. So we'll have three sets of these elements that we can later style. Back in our HTML document, let's get our cursor inside of the section tag. I'll hit a few returns and split this open. We want to add those three asides first. We'll start with our beginning tag. We'll type "aside" and the tag and the element. Let's copy and paste two more of these so now we have three asides. Let's come into the first aside. Let's split this open. Let's get our cursor inside of here and let's add a div element…

Contents