message: docs(grid): update the grid docs
diff: +import SEO from "../components/SEO";
  +
  +<SEO
  + title="Grid"
  + description="Grid is Box with `display: grid` and comes with helpful style shorthand. It renders a `div` element."
  +/>
  +
  # Grid
  A primitive useful for grid layouts. Grid is `Box` with `display: grid` and
  @@ -6,12 +13,12 @@ comes with helpful style shorthand. It renders a `div` element.
  ## Import
  ```js
  -import { Flex } from "@chakra-ui/core";
  +import { Grid } from "@chakra-ui/core";
  ```
  ## Usage
  -Using the Flex components, here are some helpful shorthand props:
  +Using the Grid components, here are some helpful shorthand props:
  | Verbose Prop | Shorthand Prop |
  | --------------------- | ----------------- |
  @@ -40,3 +47,8 @@ time.
  <Box w="100%" h="10" bg="blue.500" />
  </Grid>
  ```
  +
  +## Props
  +
  +Grid composes `Box` so you can pass all the `Box` prop and related css grid
  +props.
  