Reports

share code after edit

css:

@import "tailwindcss";
@plugin "@tailwindcss/typography";
@source "../views";
@source "../../content";

@theme {
  --breakpoint-*: initial;
  --breakpoint-md: 1080px;
  --breakpoint-lg: 1280px;
  --container-*: initial;
  --container-md: 1080px;
  --container-lg: 1200px;
}

html :

<div
  class="sm:max-sm:bg-yellow-400 lg:bg-red-800 2xl:bg-purple-800 heading-36 container mx-auto"
>
  Lorem ipsum dolor sit amet consectetur, adipisicing elit. Suscipit, officiis
  soluta! Unde dolorum, officia ex ab distinctio iusto, repellendus maiores
  doloribus numquam iste incidunt tempore labore! Incidunt voluptatem non
  quibusdam!
</div>

in my case if I define it like that then the background color that I use for the brekapoin test doesn't work, everything just becomes red, why is that?

79638366