From the course: Creating a Responsive Web Experience
Unlock this course with a free trial
Join today to access over 22,600 courses taught by industry experts.
Adding a content container and files
From the course: Creating a Responsive Web Experience
Adding a content container and files
Now we're going to create some HTML files that will contain individual content based on screen size. So inside of the myWebsite folder let's come in here and create a folder inside of there. We'll call this Content. Next let's come over to the Exercise files. Let's open up folder three called Snippets. Let's grab a copy of a_hero_content.html. And let's drag a copy of this into the Content folder we just created. Once that's copied over, let's rename this to hero_content_large. Once that's in place, let's open this up in our text editor. Now, inside of this file, we have a div with a class of panel. This contains everything that we're going to load into the header area of our HTML file. Inside of this div, we have an image which is pointing to our large banner.jpg. Then we have another div with a class of caption with an h3 tag, a paragraph tag and another anchor tag with a class of call to action. So when somebody's browser is open to the wide screen size, this is the content that…
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.