```jsx static import { Row, Column } from 'gfw-components'; ``` GFW uses a flexbox grid for rendering layouts, whether responsive or not. You can wrap any layout in a `` component to provide the correct max width, and a `` component for padding and responsive layouts. These components are `` and `` components from [reflexbox](https://rebassjs.org/reflexbox/) with strict props for defining the wrapper and gutter padding for desktop and mobile. The `` component accepts a `nested` prop for rendering a `` inside a `` to offset the outter padding. The `` component accepts a single prop `width` that can be passed an array of fractional widths to render the content at. ```jsx static ``` Below in the `` component you will find an example of how to make a responsive grid with both components