From the course: Creating a Responsive Web Design
Join today to access over 22,500 courses taught by industry experts.
Adding content to the how-to section - CSS Tutorial
From the course: Creating a Responsive Web Design
Adding content to the how-to section
- Now we're going to be adding content to the section with a class of how-to. So let's come down here, let's split open that section element. Scroll up here a little bit. Now just like before, let's review the elements that we're going to need as they relate to the layout, before we put them in here. So for this element, we're going to put the two items on the left into an aside. Inside of those we're going to put our div element. We're going to use image tags in this particular item, our h4 tags, paragraph and anchor links, and then we're going to use a blockquote for the quote area, with two paragraph items inside of there. So one of the main differences here from what we've done so far in the aside, is we're going to use image tags in this particular group, instead of using background images. And this will give you a chance to see later on what we can do with image tags in CSS, versus just using background images. So back in our HTML, let's add our aside tag, close the element…
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.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.
Contents
-
-
-
Setting up our project4m 7s
-
The strategy for our layout1m 40s
-
Creating the main HTML containers2m 40s
-
Adding content into the header3m 52s
-
Adding content to the main section3m 25s
-
Adding content to the atmosphere section2m 18s
-
Adding content to the how-to section5m 19s
-
Adding the navigation5m 2s
-
Adding the footer content2m 20s
-
-
-
-
-
-
-
-