Action error when using media query
Unanswered
Broken Nokia posted this in #help-forum
I am working on an open source project where i need to ad a md breakpoint for width, but this gives me the following error in the terminal.
I'll link the file where i'm trying to use these media queries:
Line 123 of https://github.com/Pushan2005/formbricks/blob/main/packages/email/components/survey/preview-email-template.tsx
I'll link the file where i'm trying to use these media queries:
Line 123 of https://github.com/Pushan2005/formbricks/blob/main/packages/email/components/survey/preview-email-template.tsx
6 Replies
you need to add the <Head /> component
<Tailwind>
<Html> // <-- Required
<Head /> // <-- Required
<Section>
<div className="bg-red-200 sm:bg-red-300 md:bg-red-400 lg:bg-red-500" />
</Section>
</Html>
</Tailwind>
<Tailwind>
<Html> // <-- Required
<Head /> // <-- Required
<Section>
<div className="bg-red-200 sm:bg-red-300 md:bg-red-400 lg:bg-red-500" />
</Section>
</Html>
</Tailwind>
sorry if this is a dumb question, in which file/where should this Tailwind component be defined?
also what's causing this here becuase i dont recall ever having to use a <Tailwind> component when i work on nextjs apps from create-next-app
what version of next js do you have? I couldn't find any next or tailwind config file
14.2.5
this is my first time working with a monorepo