Responsive Web Design in Practice by Clark Jason A.;Kroski Ellyssa;

Author:Clark, Jason A.;Kroski, Ellyssa;
Language: eng
Format: epub
Tags: undefined
Publisher: Rowman & Littlefield Publishers
Published: 2012-08-15T00:00:00+00:00

We actually start to remove some elements here as the smaller screen doesn’t have much room for a header and footer. The [role="banner"],[role="contentinfo"] {display:none;} rule takes these sections off the medium and small-screen view. We also turn off the table display using the .pane {display:block;width:100%;} to let the remaining elements fill the screen. Note that this is where the flexibility between screens and the layout becomes fluid. The width:100%; rule assigns a relative unit size that can adapt into whatever screen real estate is available. We follow a similar pattern for the smallest screen, with a small change to the line height and size of the font to allow the design to fit comfortably in a small setting.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.