ui fixes #2

src/client/Containers/Calculation/index.jsx

@@ -34,14 +34,15 @@ const Calculation = () => {
 
   return (
     <Box mx={['0', '1%', '1%', '1.5%', '2%', '10%']}>
-      <Flex flexWrap="wrap" mb="50px">
-        <Sections flex={['1', '1', '1', '3']} />
-        <Results
-          flex={['1', '1', '1', '1']}
-          justifyContent="center"
-          // position={['sticky', 'sticky', 'sticky', 'relative']}
-          // bottom={[0, 0, 0, null]}
+      <Flex
+        mb="50px"
+        flexWrap={['wrap', 'wrap', 'wrap', 'nowrap']}
+        justifyContent="center"
+      >
+        <Sections
+          width={['100%', '100%', '100%', '700px', '900px', '1200px']}
         />
+        <Results width={['100%', '100%', '100%', '500px', '600px']} />
         <ModalComponent />
       </Flex>
     </Box>

src/client/Elements/Background.jsx

@@ -17,7 +17,7 @@ const Background = styled(Box)`
   `}
   box-shadow: 4px 5px 17px -11px rgba(0, 0, 0, 0.75);
   flex: ${props => props.flex};
-  max-width: 100%;
+  // max-width: 100%;
 `;
 
 export default Background;