Tailwind Breakpoint Debug

BreakpointDebug.tsx

import React from 'react';

export const BreakpointDebug: React.FC<{}> = () => {
  return (
    <div className="bg-white rounded-full flex items-center justify-center p-2 px-3">
      <div className="sm:hidden md:hidden lg:hidden">sm</div>
      <div className="hidden sm:block md:hidden lg:hidden">md</div>
      <div className="hidden sm:hidden md:block lg:hidden">lg</div>
      <div className="hidden sm:hidden md:hidden lg:block">lg+</div>
    </div>
  );
};