message: improve on the fullscreen
diff: @@ -78,15 +78,26 @@ export default function CodeCompareSection({
  marginTop: 20,
  }}
  >
  - {!showFullScreen && <Animate {...props} sequenceIndex={0}>
  + {!showFullScreen && (
  + <Animate {...props} sequenceIndex={0}>
  <Title>Formik</Title>
  <CodeArea rawData={formikCode} withOutCopy />
  - </Animate>}
  + </Animate>
  + )}
  - <Animate {...props} sequenceIndex={1}>
  + <Animate
  + {...props}
  + sequenceIndex={1}
  + render={({ style }) => (
  + <div
  + style={{
  + ...style,
  + ...(showFullScreen ? { margin: "0 auto", minWidth: 750 } : null),
  + }}
  + >
  <Title>React Hook Form</Title>
  <FullScreen onClick={() => setFullScreen(!showFullScreen)}>
  - {showFullScreen ? 'Show Comparison' : 'Full Screen'}
  + {showFullScreen ? "Show Comparison" : "Full Screen"}
  </FullScreen>
  <CodeArea
  style={{
  @@ -95,12 +106,16 @@ export default function CodeCompareSection({
  rawData={reactHookFormCode}
  withOutCopy
  />
  - </Animate>
  + </div>
  + )}
  + />
  - {!showFullScreen && <Animate {...props} sequenceIndex={2}>
  + {!showFullScreen && (
  + <Animate {...props} sequenceIndex={2}>
  <Title>Redux Form</Title>
  <CodeArea rawData={reduxFormCode} withOutCopy />
  - </Animate>}
  + </Animate>
  + )}
  </GridView>
  </Section>
  </AnimateGroup>
  