title: How to make React-Recharts responsive for all kind of device particularly?
body: <p>I'm using <a href="http://recharts.org/en-US/" rel="nofollow noreferrer">React Recharts</a> to show some chart data. I am using <code>ComposedResponsiveContainer</code> for my app component and the heights of it is set to &quot;100%&quot; by default. But in my app, I can't see this.</p>
  <p>I'm using Tailwind CSS and thought <code>className=&quot;h-full w-full&quot;</code> would help, but it's not. I also changed its height and width to something like the image and its showing this error:</p>
  <p><a href="https://i.stack.imgur.com/mfvRo.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mfvRo.jpg" alt="enter image description here" /></a></p>
  <p>what can I do to overcome this?</p>