<img src={url} width={300} height={400} alt=”” className=”object-fill rounded-tl-md” /> I want to set the height to 400 and cover the div. But the problem I am having is that <img>‘s size is just the picture’s width and height. It is not 400px. How can I force the img to be 400px height? reactjs tailwind-css

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.

I am trying to design a react component that looks like this-

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.

<ul className=”flex flex-wrap justify-between w-full”> {pic.map((pic, index) => ( <li key={index}> {” “} <div className=”avatar p-2 cursor-pointer”> <div className=”w-[100px] h-[100px] rounded-full bg-orange-50″> <img src={pic.picture!} alt=”” style={{ maxWidth: “100%”, maxHeight: “100%” }} /> </div> </div> </li> ))} </ul> I have this one. I am trying to fit every item to one row without scrolling. if it […]

When I am using tailwind in react it is working fine but when I am using material tailwind in react I am getting the error “dispatcher is null. When I am using tailwind in react it is working fine but when I am using material tailwind in react I am getting the error “dispatcher is null. “

I’m trying to do the purple line which guides users through entire website and my stack is react, tailwindcss. I need it to be also responsive. How can I implement it? Also I need it to be aligned with button as in picture. Should I just use image, or do it with bare divs and tailwind

Im just experimenting with Tailwind, i want to make a component that receives a colorname and then displays all the values of that color.

can someone tell me how to position my button labeled as “View Details” on the edge of its parent container. I am using tailwind CSS.
I want to position my button at bottom edge of the card.

I am trying to create a header, below is my implementation of it, I used calc to subtract the height preserved for the header: