import React from 'react'
import PropTypes from 'prop-types'

const Producer = ({ producer }) => (
  <div>
    <img src={producer.logo} alt='' />
    <h4>{producer.name}</h4>

    <style jsx>{`
      div {
        text-align: center;
      }

      img {
        display: block;
        max-width: 100%;
        max-height: 160px;
      }
    `}</style>
  </div>
)

Producer.propTypes = {
  producer: PropTypes.shape({
    name: PropTypes.string.isRequired,
    logo: PropTypes.string.isRequired
  }).isRequired
}

export default Producer

@@ -272,16 +272,38 @@
  block;%0A
+        margin: auto;%0A
         
@@ -318,11 +318,12 @@
 h: 1
-00%25
+60px
 ;%0A  

Update producer max image size