From the course: CSS: Print Style Sheets

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Changing webpage layouts for print

Changing webpage layouts for print - CSS Tutorial

From the course: CSS: Print Style Sheets

Start my 1-month free trial

Changing webpage layouts for print

“

- Next step here in our H+ Sport website. As you know, we have mobile layouts here in our CSS. We have tablet layouts in the CSS, and we have desktop layouts in the CSS, but we do not have any print layouts in our CSS. We should probably have some print layouts earlier in the course, we looked at this webpage in both Firefox and Chrome, and we noticed a lot of differences between those. So, one of the things that we probably ought to do is specify a layout in the print format so that we would get consistent printing across their various types of web browsers. Generally speaking, we're going to want our boxes to stack on top of each other one after the other in the source order of the HTML. Basically we want the mobile view of the webpage before we applied our tablet and desktop media queries. Chrome is kind of doing that Firefox, not so much, but it's a really really super easy thing to fix, and basically all we need to do.…

Contents