From the course: Creating a Responsive Web Design

Unlock this course with a free trial

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

Styling the how-to section aside elements

Styling the how-to section aside elements - CSS Tutorial

From the course: Creating a Responsive Web Design

Start my 1-month free trial Buy for my team

Styling the how-to section aside elements

“

- Now we're going to style the How To section, and the How To section has a few types of elements inside. If we go back to the HTML file and scroll down, inside of How To we have two asides, which we're going to float like we did inside of the section.main. And we also have a blockquote property, which we're going to position with absolute positioning. So first we're going to style these two elements, and then next, we'll target the blockquote. So let's go back to our CSS. Let's come in here and add a few returns. Let's add another comment. We'll call this "Section - How To." And the first thing we're going to do is we're going to target section.how-to. Then a space. So targeting that main section element. We're going to set background-color. We're going to set this to that light tan, so we'll use hexadecimal, so #. Two e's for red, e9 for green, and d9 for blue. Then a space. And then we'll set a position property of relative. So we're going to set relative here because we are going…

Contents