kitten.sh
1import styled from 'styled-components';
2
3export const Wrapper = styled.div`
4 display: flex;
5 flex-direction: column;
6 flex-wrap: wrap;
7 justify-content: space-between;
8 margin: 0;
9 padding: ${props => (props.noPadding ? '0 4rem' : '4rem')};
10 text-align: center;
11 width: 100%;
12
13 @media (min-width: 768px) {
14 flex-direction: row;
15 max-width: 116rem;
16 padding: ${props => (props.noPadding ? '0 4rem' : '4rem 8rem')};
17 }
18
19 @media (max-width: 768px) {
20 padding: ${props => (props.noPadding ? '0 4rem' : '0 8rem')};
21 text-align: center;
22 img {
23 max-width: 240px;
24 }
25 }
26`;