How make width responsive?

[sohrabzia]

is there a way to make width responsive?
i am trying with tailwindcss
className="p-6 bg-gray-500 dark:bg-slate-700 w-full sm:w-1/2 md:w-[600px]"
but it isnt taking the width instead there is inline width from styles attribute.

Currently I am doing a workaround with css media query
@media(max-width:768px){ .EZDrawer__container { max-width: 100%; } }