Wrestling with Vuetify's Grid System

Vuetify's grid system is pretty good, but the samples are terrible.

API reference here: https://vuetifyjs.com/en/components/grids

During the early stages of this project, Vuetify used v-layout and v-flex components for their grid system, which was vastly inferior and immensely confusing compared to the current grid system. When writing new code, do not use v-layout and v-flex. We are in the process of replacing the old grid system with the new one, which uses v-row and v-col.

Collected Samples

These samples should help do common things.

• Center content vertically and horizontally