I have a logo on my website, and I used hidden to hide the logo until the screen reaches a certain size. I am getting the error the “flex” and “hidden ” does the same thing, but if I remove either “flex” or “hidden” then my code will not function as intended. The error does not affect my code but I was wondering why it was happening and if I could resolve it. I am using Next.js and Tailwind CSS.

className="w-16 h-16 bg-dark text-light flex items-center justify-
center rounded-full text-2xl font-bold border 
border-solid border-transparent dark:border-light hidden lg:flex"