If `max-md:` is a custom class, make sure it is defined within a `@layer` directive.

[One Den Media]

I'm experiencing the same issue, the only suggestion here did not solve the problem, will someone please help, this is incredibly frustrating...

Failed to compile
./app/globals.css:9:5
Syntax error: C:\Users\MainUser\Desktop\Development\JS-Mastery\lnkr\app\globals.css The max-md: class does not exist. If max-md: is a custom class, make sure it is defined within a @layer directive.

7 | /* main */
8 | .main-container {

9 | @apply flex min-h-screen flex-1 flex-col items-center bg-dark-1 px-6 pb-10 pt-28 max-md: pb-32 sm: px-10;
| ^
10 | }
11 |

[WiFastFiber]

You should contribute to the original thread with the same issue as to avoid spamming the Issues section with issues already covered.