How to use the @primer/components.Flex.Item function in @primer/components

To help you get started, we’ve selected a few @primer/components examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github thomaswang / gatsby-starter-primer / src / pages / index.js View on Github external
© Mona Lisa Octocat {new Date().getFullYear()}.
          
        
      
    
  
)

export default IndexPage

const Hero = styled(Box)`
  margin: auto;
  max-width: 1280px;
`

const ImageContainer = styled(Flex.Item)`
  position: relative;
  max-width: 464px;
  width: 83.33333333333334%;
  margin-bottom: 32px;

  @media screen and (min-width: 544px) {
    width: 66.66666666666666%;
  }

  @media screen and (min-width: 1012px) {
    width: 41.66666666666667%;
  }
`

const Divider = styled(Box)`
  border-top: 2px solid #79b8ff;