Example Responsive Breakpoint Using Vuetify And Tailwind

breakpoint_vuetify_tailwind.txt

    <v-row>
      <v-col cols="12">
        <div class="red d-flex d-sm-none">XS</div>
        <div class="green d-none d-sm-flex d-md-none">SM</div>
        <div class="blue d-none d-md-flex d-lg-none">MD</div>
        <div class="yellow d-none d-lg-flex d-xl-none">LG</div>
        <div class="pink d-none d-xl-flex">XL</div>
      </v-col>
      <v-col cols="12">
        <div class="tw-bg-red-300 tw-flex sm:tw-hidden">XS</div>
        <div class="tw-bg-green-300 tw-hidden sm:tw-flex md:tw-hidden">SM</div>
        <div class="tw-bg-blue-300 tw-hidden md:tw-flex lg:tw-hidden">MD</div>
        <div class="tw-bg-yellow-300 tw-hidden lg:tw-flex xl:tw-hidden">LG</div>
        <div class="tw-bg-pink-300 tw-hidden xl:tw-flex">XL</div>
      </v-col>
    </v-row>