Vuetify Tutorial #14 - Grid System (part 2)

sickest people are those who disliked his video...

apparently in Vuetify2 you need to specify breakpoints via props in a different way:
Instead of xs12: xs="12"
Instead of md4: md="4"
etc etc.

note that v1 <v-layout> and <v-flex> is no longer in use. In v.2, its now <v-row> and <v-col>

Great playlist! For newer version some components have been replaced. v-layout and v-flex are replaced by v-row and v-col. However they still work.

For 2020 newbies, here's an example code of how to solve the layout with Vuejs2 syntax:

<v-container class="my-5">
<v-card flat class="px-3">
<v-row row wrap>
<v-col cols="12" md="6">
<div class="caption grey--text">Project Title</div>
<div>Create a new website</div>
</v-col>
<v-col xs="2">
<div class="caption grey--text">Person</div>
<div>Anzelika</div>
</v-col>
<v-col xs="2">
<div class="caption grey--text">Due Date</div>
<div>02/04/20</div>
</v-col>
<v-col xs="2">
<div class="caption grey--text">Status</div>
<div>ongoing</div>
</v-col>
</v-row>
</v-card>
</v-container>

My v-layout is not being padded on the sides D:

Thank you very much, man! Your lesson helped me to understand how it works

Thanks for your tutorial, It's being very useful. However I'd like to add a note: padding and margin work as properties son you don't need to add them as classes. Why do u prefer to use clases? thanks

By far the best. tried all other vue tuts your my Ninja!

Could you also take everything inside v-card and turn it into a component called say project, then pass down the data via props?

Or is that a bad practice / not what components are for?

Very nice!!!!

Nothing better than get to the office and see there's a new video uploaded. Thanks ninja!

Just purchased the Vue course on Udemy. You are by far the best tutor.

And today we get four in awesomeness!! thank you!

easy to understand :D

This tutorial series is incredible!