import { min } from '@/styles/mq';
import styled from 'styled-components';
import { Box } from 'ui/grid';

export const Layout = styled(Box)`
  display: flex;
  flex-direction: column;
  gap: 10px;

  ${min('laptop')} {
    display: grid;
    place-items: center;
  }

  ${min('desktop-xl')} {
    margin: 8px 10% !important;
  }
`;