diff --git a/learnings/devtools-overrides.md b/learnings/devtools-overrides.md
new file mode 100644
index 0000000..1cde15b
--- /dev/null
+++ b/learnings/devtools-overrides.md
@@ -0,0 +1,12 @@
+# Override web content and HTTP response headers locally
+
+Chrome DevTools allows you to override API responses and HTTP headers directly in the browser - this is a great feature for testing, debugging, and prototyping without modifying the backend.
+
+You can:
+
+- **Mock API responses**: Replace live API data with custom JSON or other content.
+- **Modify HTTP headers**: Adjust headers like CORS, Content-Type, or authentication tokens to mimic different scenarios.
+  
+You just need to enable "Local Overrides" in DevTools and edit the response or headers for the network requests you want to tweak.
+
+More details here: [Chrome DevTools Overrides](https://developer.chrome.com/docs/devtools/overrides)