Astro Breakpoints is a dumb little Astro Dev Toolbar App that displays the size of the current viewport—as a tailwind class. I always find it helpful when working on a site to be able to quickly see which Tailwind breakpoint is currently active, maybe you do too?
To install Astro Breakpoints, run the following command with your preferred package manager:
npx astro add astro-devtool-breakpointsimport { defineConfig } from "astro/config";
import astroBreakpoints from "astro-devtool-breakpoints";
export default defineConfig({
integrations: [astroBreakpoints()],
});You get what you get, and you don't get upset.