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)