Grid lists are an addon for the v-container component that add gutter control between items.

Material Design Viewport Breakpoints
DeviceCodeTypesRange
Extra smallxssmall to large handset< 600px
Smallsmsmall to medium tablet600px > < 960px
Mediummdlarge tablet to laptop960px > < 1264*
Largelgdesktop1264 > < 1904px*
Extra largexl4k and ultra-wides> 1904px*
* -16px on Desktop

Usage

Grid lists augment the v-container component to allow for greater flexibility with gutters. It comes in 5 variants, from xs to xl and can be dynamically changed.

API

Examples

Grid lists

Grid lists will work seamlessly with your current grid implementation and allow you to create amazing user interfaces.

Edit this page | language on Github
Vuetify
StoreFor Enterprise