An exercise in CSS media queries illustrated through the example of nesting dolls.
- Media queries and breakpoints
- Responsive units
- CSS Positioning (absolute/relative)
How it works: Resize the browser window from mobile to widescreen desktop resolution to unravel the nesting dolls one by one.
Tested in Chrome and Safari, illustrations made in Sketch.