Tachyons

Docs

/

General

/

Images

Version
0.3.2
Filesize
39 B
Declarations
1
Selectors
1
Max. Specificity Score
1
Size of Avg. Rule
1

Images are set to have a max-width of 100% by default. Image width should be set by its container or by applying a max-width class to the image.

Examples

Image

This photo is more than 3000 pixels wide. The max-width set to 100% ensures it doesn't bleed off the viewport.

Previous

Debug

Next

Type Scale
src/_images.css

/*

   IMAGES

*/


img { max-width: 100%; }


Docs

General

Debugging Images