Making suggested changes

Author: markgoho

docs/documentation/stories/autoprefixer.md

@@ -7,21 +7,33 @@ or exclude certain browser versions from your build.
 Internally, Autoprefixer relies on a library called [Browserslist](https://github.com/ai/browserslist)
 to figure out which browsers to support with prefixing.
 
-To set a custom browserlist config, add the following to your `package.json` file:
+There are a few ways to tell Autoprefixer what browsers to target:
 
+### Add a browserslist property to the `package.json` file
 ```
 "browserslist": [
   "> 1%",
   "last 2 versions"
 ]
 ```
-Autoprefixer will look for the `browserlist` property and array of targets to use when it prefixes your css.
+
+### Add a new file to the project directory called `.browserslistrc`
+```
+### Supported Browsers
+
+> 1%
+last 2 versions
+```
+
+Autoprefixer will look for the configuration file/property to use when it prefixes your css.
 Check out the [browserslist repo](https://github.com/ai/browserslist) for more examples of how to target
 specific browsers and versions.
 
 _Side note:_
 Those who are seeking to produce a [progressive web app](https://developers.google.com/web/progressive-web-apps/) and are using [Lighthouse](https://developers.google.com/web/tools/lighthouse/) to grade the project will
 need to add the following browserslist config to their package.json file to eliminate the [old flexbox](https://developers.google.com/web/tools/lighthouse/audits/old-flexbox) prefixes:
+
+`package.json` config:
 ```
 "browserslist": [
   "last 2 versions",