diff --git a/README.md b/README.md
index 16ff1d9c0..b51ebe741 100644
--- a/README.md
+++ b/README.md
@@ -17,6 +17,7 @@ Here are some example transcripts that show how you can chat with aider to gener
 * [**Complex Multi-file Change with Debugging**](examples/complex-change.md): This example demonstrates a complex code change involving multiple source files and debugging with the help of aider.
 
 * [**Semantic Search & Replace**](examples/semantic-search-replace.md): This example showcases aider's ability to perform semantic search and replace operations in code, dealing with various formatting and semantic differences in the function calls that it updates.
+* [**CSS Exercise: Animation Dropdown Menu**](examples/css-exercises.md): This example demonstrates how to complete a CSS exercise involving adding animation to a dropdown menu, creating a bounce illusion when the dropdown expands close to its final end state.
 
 ## Features
 
diff --git a/examples/README.md b/examples/README.md
index 5f9ac1cbc..10193e410 100644
--- a/examples/README.md
+++ b/examples/README.md
@@ -11,4 +11,5 @@ Here are some example transcripts that show how you can chat with aider to gener
 * [**Complex Multi-file Change with Debugging**](complex-change.md): This example demonstrates a complex code change involving multiple source files and debugging with the help of aider.
 
 * [**Semantic Search & Replace**](semantic-search-replace.md): This example showcases aider's ability to perform semantic search and replace operations in code, dealing with various formatting and semantic differences in the function calls that it updates.
+* [**CSS Exercise: Animation Dropdown Menu**](css-exercises.md): This example demonstrates how to complete a CSS exercise involving adding animation to a dropdown menu, creating a bounce illusion when the dropdown expands close to its final end state.