message: improve full screen button showing break point
diff: @@ -8,6 +8,7 @@ import { CenterContent, Section } from "../styles/containers"
  import CodeArea from "./CodeArea"
  import { AnimateGroup, Animate } from "react-simple-animate"
  import colors from "../styles/colors"
  +import breakpoints from "../styles/breakpoints";
  const GridView = styled.section`
  display: flex;
  @@ -17,7 +18,7 @@ const GridView = styled.section`
  order: 1;
  }
  - @media (min-width: 1100px) {
  + @media (min-width: 1000px) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-column-gap: 40px;
  @@ -39,10 +40,15 @@ const FullScreen = styled.button`
  border-right: none;
  border-color: ${colors.secondary};
  border-bottom-left-radius: 4px;
  + display: none;
  &:hover {
  background: ${colors.lightPink};
  }
  +
  + @media (min-width: 1000px) {
  + display: block;
  + }
  `
  const props = {
  @@ -92,7 +98,7 @@ export default function CodeCompareSection({
  <div
  style={{
  ...style,
  - ...(showFullScreen ? { margin: "0 auto", minWidth: 750 } : null),
  + ...(showFullScreen ? { margin: "0 auto", maxWidth: 750 } : null),
  }}
  >
  <Title>React Hook Form</Title>
  