Add Clarification on How to Use Fragments (#4300)

* Add more color to fragments.md

* highlighted Person

* Changelog update

CHANGELOG.md

@@ -32,7 +32,8 @@
   [@stubailo](https://github.com/stubailo) in [#4220](https://github.com/apollographql/apollo-client/pull/4220)  <br/>
   [@haysclark](https://github.com/haysclark) in [#4255](https://github.com/apollographql/apollo-client/pull/4255)  <br/>
   [@shelmire](https://github.com/shelmire) in [#4266](https://github.com/apollographql/apollo-client/pull/4266)  <br/>
-  [@peggyrayzis](https://github.com/peggyrayzis) in [#4280](https://github.com/apollographql/apollo-client/pull/4280)
+  [@peggyrayzis](https://github.com/peggyrayzis) in [#4280](https://github.com/apollographql/apollo-client/pull/4280)  <br/>
+  [@caydie-tran](https://github.com/caydie-tran) in [#4300](https://github.com/apollographql/apollo-client/pull/4300)
 
 ### Apollo Utilities (vNext)
 

docs/source/advanced/fragments.md

@@ -19,6 +19,8 @@ query GetPerson {
 }
 ```
 
+It's important to note that the component after the `on` clause is designated for the type we are selecting from. In this case, `people` is of type `Person` and we want to select the `firstName` and `lastName` fields from `people(id: "7)`.
+
 There are two principal uses for fragments in Apollo:
 
   - Sharing fields between multiple queries, mutations or subscriptions.