[Vuejs]-Margin button in v-card does not take effect

2👍

It’s because not the margin which affect your layout but it was padding you can use: pl-0 pr-0 pb-0 pt-0 to set all padding to 0 or add custom class which declare padding: 0 on <v-card-actions>: .v-card__actions{padding:0}

Fork

👤Mukyuu

2👍

Try this which removes padding in “all” directions:

<v-card-actions class="pa-0" >

When you inspect your element if the space around the element is green it means that it is a padding and orange means it is a margin. In your case it was a padding that would cause the issue.
You can read more about spacing helpers here.

👤DjSh

Leave a comment