Header

Minimal width 600px. Stacks at lower screen sizes.

Vue.js - Vuetify.js flexbox test.

{{ item.title }}

Article

Content is not fixed to adjacent column height.

{{ lorem.slice(0, 258)}} {{ lorem.slice(0, 258)}}

Content

Compresses then wraps.

{{ lorem.slice(0, 258) }}

Content

Compresses then wraps.

{{ lorem.slice(0, 258) }}

{{ item.title }}

{{ hello1 }}

Vue.js - Vuetify.js flexbox test.

12 col

3 pad

{{ lorem.slice(0, 258) }} {{ lorem.slice(0, 258) }}

{{ hello2 }}

6 col

3 pad

{{ lorem.slice(0, 209) }}

{{ hello3 }}

3 col

3 pad

{{ lorem.slice(0, 148) }}

{{ hello4 }}

4 col

3 pad

{{ lorem.slice(0, 79) }}

{{ hello5 }}

6 col

2 pad

{{ lorem.slice(0, 48) }}

{{ smHello }}

12 col

2 pad

{{ lorem.slice(0, 18) }}