background preloader

Style

Facebook Twitter

Bootstrap, from Twitter. The 1140px CSS Grid System · Fluid down to mobile. CSS Fluid Image Techniques for Responsive Site Design. “Responsive design” is not a single technology but a set of techniques* that allow web pages to serve the needs of both mobile and desktop users.

CSS Fluid Image Techniques for Responsive Site Design

The core components are: A responsive site may utilize one, some, or all of these technologies, depending on the intentions of its designers. I’ve covered the basics of media queries in past articles; now it’s time to look at fluid images, a technique first suggested by Ethan Marcotte. Web page text is fluid by default: as the browser window narrows, text reflows to occupy the remaining space.