I'm trying to develop an application using Next.js and Tailwind CSS. However, I'm facing the following problem: The Sidebar component on the Feed page has a border-style that I don't want. I want to make it border-style: none; but I…
I implemented a parallax scrolling header and it has some social icons inside with hover styles on. The hover styles are not currently working in Safari. When I remove the transform-style:preserve-3d on the container the hover styles work (but breaks…
I'm new to using TailwindsCSS (just started using it today!) after many years of using Bootstrap. I've built this one section, and im trying to hide the highlighted(yellow) text on mobile devices. ive managed to 'hide' the text with classes…
I am trying to style a div by adding a background image. I have set h-screen, bg-no-repeat , bg-cover , bg-center. Yet its still not preserving the sharpness of the original picture. I tried bg-no-repeat, bg-cover, bg-center and h-screen. I…
I need to be able to put the tailwind styles in a variable outside of the tags because I have a lot of repeating styles and it messes up the html a lot. I created an object to assign the…
Have a look please at the snippet below. I managed to make the main scroll without its header, but I am unable to make the list on the right scroll internally without the rest of main. I would like the…
I am learning Tailwind css. Could anyone help me with the following? I want to use SCCSS with Tailwin CSS. How to achieve it? Thanks in advance!
Example I was try to make like the example one for tablet layout, here's my code : <div class="grid grid-cols-2 gap-8 justify-items-center px-8 mt-8 md:grid-cols-3 lg:grid-cols-4"> <div class="w-28 aspect-video bg-green-500"></div> <div class="w-28 aspect-video bg-green-500"></div> <div class="w-28 aspect-video bg-green-500"></div> <div class="w-28…
I want to show the mobile menu smoothly. Right now I'm using tailwindcss and when I click on the hamburger icon, the menu comes out instantly. I tried adding delay but it isn't doing anything. How would I make the…
I have a classic select input which receive an array of strings. Problem, the chevron is on absolute right of the select, against the border. I want to move its poition to the left a little. How to achieve that…