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.

Rearranging the how-to section

Rearranging the how-to section - CSS Tutorial

From the course: Creating a Responsive Web Design

Start my 1-month free trial Buy for my team

Rearranging the how-to section

“

- Now we're going to work on rearranging content inside of the section how-to. And what we're going to do here, is we're going to comment out some of the content in the top of the HTML document, because it can get a little difficult to work on items that are lower down in the page when content above keeps shifting around. So back in our text editor, let's go into our HTML file. Let's scroll up to the top. Let's find our section "main" and let's add an HTML comment here. So above this section element, let's start with a "less than" sign, exclamation point, and two hyphens. This creates an HTML comment. And I want to comment out the section "main" and the section "atmosphere". So after the ending section for the section with a class of "atmosphere", let's come in here and end the comment. So two hyphens, and then a "greater than" sign. And now back in the browser, hit reload. And now we only see the section how-to in the footer, after the main header. So now we can simply work on this…

Contents