Elastic design uses em values for all elements. Ems are a relative size, written like this: 1em, 0.5em, 1.5em etc. Ems can be specified to three decimal places like so: 1.063em. “Relative” means:
They are calculated based on the font size of the parent element. E.g. If a <div> has a computed font size of 16px then any element inside that layer —a child— inherits the same font size unless it is changed. If the child font size is changed to 0.75em then the computed size would be 0.75 × 16px = 12px.
If the user increases (or decreases) text size in their browser, the whole interface stretches (or shrinks.)
Group items matching
in title, tags, annotations or url
1More
Modern CSS Layouts, Part 2: The Essential Techniques - Smashing Magazine - 0 views
3More
ProCSSor - Advanced CSS Prettifier - 2 views
1More
35 Ultimate Useful CSS Cheats to Streamline Web Development | Tutorial Lounge - 6 views
1More
13 Excellent Tools and Systems for CSS Grid Based Layouts | Tools - 1 views
1More
Modern CSS Layouts: The Essential Characteristics - Smashing Magazine - 0 views
1More
What is specificity in CSS - 1 views
1More
22 Handy HTML5 & CSS3 Tools, Resources And Guides | Graphic and Web Design Blog - 0 views
1More