message: docs: improve layout of connect section
diff: @@ -180,6 +180,7 @@ function Cover() {
  </ThemeProvider>
  <ThemeProvider theme={themes.dark}>
  <Connection>
  + <Frame>
  <Connection.Title>
  Built to connect
  </Connection.Title>
  @@ -203,6 +204,7 @@ function Cover() {
  Read the story on Medium
  </Connection.Button>
  </Connection.Text>
  + </Frame>
  </Connection>
  </ThemeProvider>
  </React.Fragment>
  @@ -486,7 +488,7 @@ Connection.List = styled.ul`
  font-size: ${props => props.theme.fonts.fontSize * 3}px;
  }
  - @media screen and (min-width: 1024) {
  + @media screen and (min-width: 1024px) {
  font-size: ${props => props.theme.fonts.fontSize * 4}px;
  margin-left: 50%;
  }
  