From the course: Creating a Responsive Web Design
Join today to access over 22,500 courses taught by industry experts.
Adding content to the atmosphere section - CSS Tutorial
From the course: Creating a Responsive Web Design
Adding content to the atmosphere section
- Now we're going to add some content to the section with a class of atmosphere. So let's scroll down here and find that section element. Let's hit a few returns, split this open, and now before we add any tags here, let's review the html elements that we're going to need based on the layout. So for the atmosphere section we're only going to need an outer article element. And then inside of the article element we'll have and <h2> tag, we'll have a <p> tag and an <a> link. And we're going to style this particular <a> tag the same way we're going to style the one up in the heading area. So back in the html file, let's start with our <article> tag, let's end the element Let's come in here and split that open and then inside of the <article> element we need to add our content. So just like before, instead of us typing in all this content, let's go back to our snipits file. Let's scroll down to the atmosphere section. Let's find the <h2> tag and <p> element. Let's select and copy all of…
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
-
-
-
-
-
-
-
-