From b240d6fc811047576e5677592def622024bbc8bb Mon Sep 17 00:00:00 2001
From: Ben LeFevre <ben@lefev.dev>
Date: Wed, 27 Jan 2021 10:34:53 +0000
Subject: [PATCH 1/2] Add documentation for overriding responsive image sizing

---
 developer-docs/latest/plugins/upload.md | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/developer-docs/latest/plugins/upload.md b/developer-docs/latest/plugins/upload.md
index 424d7ab94c..79a289da98 100644
--- a/developer-docs/latest/plugins/upload.md
+++ b/developer-docs/latest/plugins/upload.md
@@ -26,6 +26,30 @@ module.exports = {
 };
 ```
 
+#### Responsive Images
+
+When the `Enable responsive friendly upload` setting is enabled in settings panel the plugin will generate the following responsive image sizes:
+| Name    | Largest Dimension |
+| :------ | :--------- |
+| large   | 1000px     |
+| medium  | 750px      |
+| small   | 500px      |
+
+These sizes can be overridden in `config/plugins.js`:
+```javascript
+module.exports = {
+  upload: {
+    breakpoints: {
+      xlarge: 1920,
+      large: 1000,
+      medium: 750,
+      small: 500,
+      xsmall: 64
+    }
+  }
+}
+```
+
 ## Endpoints
 
 <style lang="stylus">

From ddc745f1f04009834e241193bb2766386e9d6774 Mon Sep 17 00:00:00 2001
From: Ben LeFevre <ben@lefev.dev>
Date: Thu, 28 Jan 2021 09:23:17 +0000
Subject: [PATCH 2/2] Add warning that existing images wont be resized

---
 developer-docs/latest/plugins/upload.md | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/developer-docs/latest/plugins/upload.md b/developer-docs/latest/plugins/upload.md
index 79a289da98..3d2cf6a2b0 100644
--- a/developer-docs/latest/plugins/upload.md
+++ b/developer-docs/latest/plugins/upload.md
@@ -28,7 +28,7 @@ module.exports = {
 
 #### Responsive Images
 
-When the `Enable responsive friendly upload` setting is enabled in settings panel the plugin will generate the following responsive image sizes:
+When the `Enable responsive friendly upload` setting is enabled in the settings panel the plugin will generate the following responsive image sizes:
 | Name    | Largest Dimension |
 | :------ | :--------- |
 | large   | 1000px     |
@@ -49,6 +49,9 @@ module.exports = {
   }
 }
 ```
+::: warning
+  Breakpoint changes will only apply to new images, existing images will not be resized or have new sizes generated.
+:::
 
 ## Endpoints