‘hidden’ applies the same CSS properties as ‘flex’
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.
Tailwind CSS: How to Apply Dynamic Width Only on Large Screens While Keeping Full Width on Small Screens?
I’m working on a React component where I want to dynamically set the width of a modal on large screens (using Tailwind CSS), while keeping the modal full width on small screens.
How to implement an arch-shaped shadow for an image in React with Tailwind CSS?
I’m trying to create an arch-shaped shadow effect for an image in my React project using Tailwind CSS. My goal is to have the top part of the image covered by a semi-transparent arch-shaped shadow, similar to the attached example image.
TailwindCSS Breakpoints aren’t applying [closed]
Closed 3 days ago.
How to Fix a Button Above the Mobile Keyboard
I’m creating a mobile view website using Next.js version 13, and I have a question. Is it possible to make a button stay right above the mobile keyboard when the keyboard appears, as shown in the picture below? I’d like the button to move up along with the keyboard, similar to a sticky element. I’m using tailwindCSS fyi.
tailwind width not workin
in the below image there is one navbar on that navber there is one card on which i want to increase the width of that card so that i looks like EXPECTED OUTCOME image
How to convert conditional classes from clxs to cva?
I am trying to convert the below code to cva..
CSS Fixed position not working horizontally on mobile view
I developed a side bar that holds my socials , this sidebar should be fixed , and the only scrollable part of my website should be the main section but the sidebar should stay fixed , on desktop view it sems to be good as it the sidebar is at the end of the page and does not move and the main part of my website is the one that scrolls, however when i am on mobile, the sidebar is very weird.
CSS Fixed position not working horizontally on mobile view
I developed a side bar that holds my socials , this sidebar should be fixed , and the only scrollable part of my website should be the main section but the sidebar should stay fixed , on desktop view it sems to be good as it the sidebar is at the end of the page and does not move and the main part of my website is the one that scrolls, however when i am on mobile, the sidebar is very weird.