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.

Switching our img tags with CSS

Switching our img tags with CSS - CSS Tutorial

From the course: Creating a Responsive Web Design

Start my 1-month free trial Buy for my team

Switching our img tags with CSS

“

- So now we're ready to add some CSS rules for the How To section, however the challenge here is going to be the fact that we already have image tags in our HTML, so we could simply just use the image tags here and let those print in color. So that's one option you could certainly use. The other option, which I'll show you, is how we can turn off the image tags and then reinject our print version of the graphics into those containers. So back in our CSS file. Let's come down here and let's target section.how-to. So first we're going to target the section.how-to. And what I want to do is put a padding 50 pixels on the top and put a top border, just like we did with the atmosphere section. So I'll come up here under section.atmosphere and I'm going to copy padding-top and border-top, come down and paste those for the section.how-to. And then next we're going to target the aside elements, and we're going to set those to float. So section.how-to, space, aside. We're going to set a width…

Contents