Element queries vs Media Queries. Drag the slider to see the effect

100%

mdlext-grid, using element queries
1
1
1
1
1
1
1
1
1
1
1
1
4 (2 tablet, 1 phone)
6 (4 tablet, 3 phone)
2 (2 tablet, hide phone)
mdl-grid, using media queries
1
1
1
1
1
1
1
1
1
1
1
1
4 (2 tablet, 1 phone)
6 (4 tablet, 3 phone)
2 (2 tablet, hide phone)