Make element visible in different breakpoints-CodePudding

I would like hide and show elements in different breakpoints. For example I could use v-if="$vuetify.breakpoint.md" in the vuetify. How i can do this in the element-plus?

I can use classes but is there any other solution?

hidden-xs-only - hide when on extra small viewports only

CodePudding user response：

You can do it via css.

.your_class {
  display:none;
}
// after this size it will be seen
@media screen and (min-width: <wanted screen size>) {
  .your_class {
    display:block;
  }
}

CodePudding user response：

You can use utility classes for hiding the elements: offical docs.