fix doc typos (SharePoint#3458)

- title typo
- few typos in doc

- fixes SharePoint#3455

Author: andrewconnell

docs/design/layout-patterns.md

@@ -5,17 +5,17 @@ ms.date: 08/24/2018
 localization_priority: Priority
 ---
 
-# SharPoint web part layouts
+# SharePoint web part layouts
 
 SharePoint uses a number of different layout types for web parts. The most common are grid, list, filmstrip, carousel, and compact. Each one of these five layouts serves a different purpose, depending on the layout, breakpoints, and content density of a page. 
 
-When selecting a layout that works best for your web part, consider the type of content you are displaying. Is it highly visual or rich in text and data? Determine how much space is needed on the page for enough content to be displayed. Consider shortening long descriptions to optimize for displaying more itmes to the user. Remember that you can use the [property pane](reactive-and-nonreactive-web-parts.md) to let authors have control over how much content is displayed.
+When selecting a layout that works best for your web part, consider the type of content you are displaying. Is it highly visual or rich in text and data? Determine how much space is needed on the page for enough content to be displayed. Consider shortening long descriptions to optimize for displaying more items to the user. Remember that you can use the [property pane](reactive-and-nonreactive-web-parts.md) to let authors have control over how much content is displayed.
 
 ![Carousel with icons representing the common layouts](../images/01_Layouts_webparts.png)
 
 ## Grid and filmstrip
 
-Grid and filmstrip layouts are similar. They both use cards to showcase content. However, other rectangular content also works well in these layouts, such as images. The main difference between the two layouts is how they reflow based on varioius screen sizes or breakpoints.
+Grid and filmstrip layouts are similar. They both use cards to showcase content. However, other rectangular content also works well in these layouts, such as images. The main difference between the two layouts is how they reflow based on various screen sizes or breakpoints.
 
 ### Grid layout
 
@@ -25,7 +25,7 @@ The grid reflows in rows and columns from top to bottom and can contain a few to
 
 ### Filmstrip layout
 
-The filmstrip displays multiple items in a single row and caoursels to a new set of items.
+The filmstrip displays multiple items in a single row and carousels to a new set of items.
 
 ![Animated gif showing the Filmstrip layout reflowing across breakpoints](../images/layouts_animation_filmstrip.gif)