gatsby-theme-wordpress-mdx/src/Shortcodes/Feature.js

<p align="center"> <img width='200px' alt="Gatsby Theme" src="https://raw.githubusercontent.com/artezan/gatsby-theme-wordpress-mdx/master/%40artezan/gatsby-theme-wordpress-mdx/dn.png" />

/** @jsx jsx */
import { jsx, Styled } from 'theme-ui'
import { FeatureComponent } from '../components/sections/Features/FeatureComponent'

export const FeatureLayout = props => {
  return (
    <Styled.div
      sx={{
        width: ['100%', '100%', props.width]
      }}
      {...props}
    >
      <FeatureComponent {...props} />
    </Styled.div>
  )
}