From b658f919f8d1763dbaf010b5c7decc3eb4f7ca93 Mon Sep 17 00:00:00 2001
From: Kevin Qi <iqnivek@gmail.com>
Date: Tue, 31 Mar 2020 23:22:36 -0700
Subject: [PATCH] update README to be clear about sizing container

---
 README.md | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/README.md b/README.md
index e5b0b75..7fe4815 100644
--- a/README.md
+++ b/README.md
@@ -61,6 +61,17 @@ const value = 0.66;
 <CircularProgressbar value={value} maxValue={1} text={`${value * 100}%`} />;
 ```
 
+The progressbar is designed to fill the width of its container. You can size the progressbar by sizing its container:
+
+```jsx
+<div style={{ width: 200, height: 200 }}>
+  <CircularProgressbar value={66} />
+</div>
+```
+
+This makes the progressbar work well with responsive designs and grid systems.
+
+
 ## Props
 
 [**Take a look at the CodeSandbox**](https://codesandbox.io/s/vymm4oln6y) for interactive examples on how to use these props.