Taken from https://twitter.com/coderberry/status/1761437791190466900 - also see https://codepen.io/cgorshing/pen/LYaKqZz

breakpoint-toggles.html

<div class="avatar placeholder">
  <div class="bg-secondary text-secondary-content rounded-full w-8 font-bold">
    <span class="text-xs block md:hidden">sm</span>
    <span class="text-xs hidden md:block lg:hidden">md</span>
    <span class="text-xs hidden lg:block xl:hidden">lg</span>
    <span class="text-xs hidden xl:block 2xl:hidden">xl</span>
    <span class="text-xs hidden 2xl:block">2xl</span>
  </div>
</div>