ShowEasyFrontEnd/FrontEnd/components/newComponent/skeleton/trendingServiceSkeleton.vue

<template>
  <div class="tw-animate-pulse tw-bg-neutrals-0 tw-rounded-[20px]">
    <div
      class="tw-bg-gray-200 tw-rounded-t-[20px] tw-h-[40vw] md:tw-h-[25vw] xl:tw-h-[10vw]"
    ></div>
    <div class="tw-p-[8px]">
      <div
        class="tw-hidden tw-bg-gray-200 tw-h-[18px] tw-w-[96px] tw-mb-[4px] md:tw-block"
      ></div>
      <div
        class="tw-bg-gray-200 tw-h-[36px] tw-mb-[30px] md:tw-h-[18px] md:tw-mb-[50px]"
      ></div>
      <div class="tw-flex tw-justify-end">
        <div
          class="tw-bg-gray-200 tw-h-[18px] tw-w-[78px] md:tw-h-[21px]"
        ></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped></style>