|phone_iphoneExtra small||small to large handset||< 600px|
|tabletSmall||small to medium tablet||600px > < 1024px|
|laptopMedium||large tablet to laptop||1024px > < 1440px|
|desktop_windowsLarge||desktop||1440px > < 1920px|
|tvExtra large||4k and ultra-wides||> 1920px|
v-containercan be used for a center focused page, or given the
fluidprop to extend its full width.
v-layoutis used for separating sections and contains the
v-flex. The structure of your layout will be as follows, v-layout » v-flex.
Offsets are useful for compensating for elements that may not be visible yet, or to control the position of content. Just as with breakpoints, you can set an offset for any available sizes.
You can control the ordering of grid items. As with offsets, you can set different orders for different sizes
#4 Direction and Alignedit
Designate the direction and alignment in a variety of ways.
#5 Row and column based on breakpointedit
Dynamically change your layout based upon resolution. (resize your screen and watch the layout change on small breakpoints)