codenawis-theme/src/components/utitlity/Container.js

A frontity theme by @mymakarim @codenawis

import { styled } from "frontity";

const Container = ({children}) => {
    return (
        <ContainerWrapper>
            {children}
        </ContainerWrapper>
    )
}

const ContainerWrapper = styled.div`
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  overflow: hidden;
  @media (min-width: 576px) {
    max-width: 540px;
  }
  @media (min-width: 768px){
    max-width: 720px;
  }
  @media (min-width: 992px){
    max-width: 960px;
  }
  @media (min-width: 1200px){
     max-width: 1400px;
  }
  img {
    width: 100%;
  }
`;

export default Container