update partial examples

Author: KianNH

src/content/partials/style-guide/code-in-props.mdx

@@ -9,30 +9,22 @@ import { Code } from "~/components";
 
 **Don't do this!**
 
-`` `{props.code}` ``
+`{props.code}`
 
 **Do this!**
 
-`<code>{props.code}</code>`
-<code>{props.code}</code>
+<p><code>{props.code}</code></p>
 
 <hr />
 
 #### Codeblocks
 
 **Don't do this!**
 
-````
-```js
-{props.code}
-```
-````
-
 ```js
 {props.code}
 ```
 
 **Do this!**
 
-`<Code code={props.code} lang="js" />`
 <Code code={props.code} lang="js" />

src/content/partials/style-guide/image-in-props.mdx

@@ -9,5 +9,4 @@ params:
 
 **Do this!**
 
-`<img src={props.image} alt="Alt text" />`
 <img src={props.image} alt="Alt text" />

src/content/partials/style-guide/link-in-props.mdx

@@ -7,14 +7,10 @@ params:
 
 This will link to `/style-guide/components/%7Bprops.link%7D`.
 
-`[Markdown link]({props.link})`
-
 [Markdown link]({props.link})
 
 **Do this!**
 
 This will link to `style-guide/components/render/#links`.
 
-`<a href={props.link}>JSX link</a>`
-
-<a href={props.link}>JSX link</a>
+<p><a href={props.link}>JSX link</a></p>

src/content/partials/style-guide/strong-in-props.mdx

@@ -6,10 +6,8 @@ params:
 
 **Don't do this!**
 
-`{props.dont}`
 {props.dont}
 
 **Do this!**
 
-`<strong>{props.do}</strong>`
 <strong>{props.do}</strong>