# Chat with Fluid Layout

**URL:** <https://community.plotly.com/t/chat-with-fluid-layout/8308>\
**Category:** plotly.js\
**Created:** [February 13, 2018, 10:05am UTC](https://community.plotly.com/t/chat-with-fluid-layout/8308 "2018-02-13T10:05:30Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Zolotoy](https://avatars.discourse-cdn.com/v4/letter/z/6bbea6/32.png) [@Zolotoy](https://community.plotly.com/u/Zolotoy)\
**Post date:** [February 13, 2018, 10:05am UTC](https://community.plotly.com/t/chat-with-fluid-layout/8308/1 "2018-02-13T10:05:30Z")

</div>

I am familiar with a stock example:

> **[Responsive / Fluid Layout](https://plot.ly/javascript/responsive-fluid-layout/)**
>
> How to create a plot with a responsive layout in javascript.

The example shows how to make a chart responsive to the size changes. In order to make it work, I need to specify a percentage of a parent container. But I dont want to have my chart any smaller than the available space. I want it to always take the maximum of it. Any suggestions?

Thanks

---

<div class="post-metadata">

**Author:** ![etienne](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/etienne/32/17_2.png) [@etienne](https://community.plotly.com/u/etienne)\
**Post date:** [February 13, 2018, 2:45pm UTC](https://community.plotly.com/t/chat-with-fluid-layout/8308/2 "2018-02-13T14:45:35Z")

</div>

Something like [https://codepen.io/etpinard/pen/EQvxJz?editors=0010](https://codepen.io/etpinard/pen/EQvxJz?editors=0010) should do the trick.