I am trying to design a react component. The design is almost what I want it to be but why do I keep getting this weird gray bar behind my "Get Insured" button. /* eslint-disable react/prop-types */ const InsuranceCard =…
I am trying to clone eat-curious website for personal practice. But here I am stuck at the drooling yet? section. I tried understanding the code in developer console, where i got the svg for drooling yet text. So this is…
I want to make text that changes its color in the middle of a word, in fact in the middle of a letter. I got it to work, but I also want to add a background color that changes in…
In my tailwind config, i would like to be able to add some custom colors BUT also use all of tailwinds as well, e.g. i add a green but then can also use green-500. Here is my config: /** @type…
I have this unique problem with html tables. What I hope to achieve: a table within a container surrounded by padding but scrollable horizontally and vertically What I have done created a table that is vertically scrollable, with frozen row…
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…
I am using mulitple Headless UI dropdown menus. So when one of the dropdown is in open state and I try to click on the another dropdown menu, it just closes the current dropdown alone and doesn't open the new…
I have a very simple app that consists of only a combobox and a card (it is going to be embedded on a Wordpress). NextJS, ShadCN ui. The combobox for some reason only works with keyboard, not with the mouse.…
I want a responsive grid layout where the number of columns changes dynamically based on screen size. If there are fewer items than columns, they should use the available space or at least be centered and not aligned on the…
So i have a list of client logos, and i used one of tailwinds components to list them on my website, it should have made everything inline, but for some reason the logos aren't. Even though they are all the…