GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-20 05:12:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix spacing between containers

Browse Source
This commit is contained in:
AykutSarac 2022-04-06 15:02:11 +03:00
parent 1784ad3a8a
commit 6cd127b6b3
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Container/index.tsx
View File

@ -11,16 +11,21 @@ const StyledContainer = styled.div<{ reverse: boolean }>`
gap: 50px;
align-items: center;
width: 75%;
margin: 160px auto;
flex-direction: ${({ reverse }) => reverse && 'row-reverse'};
margin: 0 auto;
min-height: calc(100vh - 250px);
flex-direction: ${({ reverse }) => reverse && "row-reverse"};
line-height: 1.2;
@media only screen and (max-width: 768px) {
width: 100%;
flex-direction: column;
margin-top: 160px;
}
`;
export const Container: React.FC<ContainerProps> = ({ children, reverse = false }) => {
export const Container: React.FC<ContainerProps> = ({
children,
reverse = false,
}) => {
return <StyledContainer reverse={reverse}>{children}</StyledContainer>;
};