PR feedback

Author: darrenburns

docs/guide/widgets.md

@@ -197,10 +197,9 @@ which let them call [actions](../guide/actions.md) in response to key presses.
 
 A widget is only able to handle key presses if it or one of its descendants has [focus](../guide/input.md#input-focus).
 
-To demonstrate, let's design a simple interactive counter widget which can be incremented and decremented using the keyboard.
-
-In the following example, we define a simple `Counter` widget with `can_focus=True`, and some CSS to make it stand out when focused.
-Our app contains three `Counter` widgets, which we can focus by clicking or using ++tab++ and ++shift+tab++.
+Widgets aren't focusable by default.
+In order to allow a widget to be focused, we need to set `can_focus=True` when defining a widget subclass.
+Let's look at an example of defining a `Counter` widget which can be focused.
 
 === "counter01.py"
 
@@ -223,6 +222,9 @@ Our app contains three `Counter` widgets, which we can focus by clicking or usin
     ```{.textual path="docs/examples/guide/widgets/counter01.py"}
     ```
 
+
+Our app contains three `Counter` widgets, which we can focus by clicking or using ++tab++ and ++shift+tab++.
+
 Now that our counter is focusable, let's make it interactive by adding some key bindings and actions to it.
 To do this, we add a `BINDINGS` class variable to `Counter`, with bindings for ++up++ and ++down++.
 These new bindings are linked to the `change_count` action, which updates the `count` reactive attribute.