buttons work, all modal ready

src/pages/recipes/styles/addRecipe.js

@@ -7,17 +7,14 @@ import theme from "../../../styles/theme";
 export const Wrapper = styled(View)`
     display: flex;
     flex-direction: column;
-    align-items: center;
-    @media ${({ theme }) => theme.mediaQueries.below768}{
-        align-items: flex-start;
-    }
+    align-items: flex-start;
 `
 export const WrapperRecipe = styled(View)`
     display: flex;
     flex-direction: column;
 
     align-items: flex-start;
-    width: 500px;
+    width: 100%;
     padding: 10px;
     #row{
         margin-top: 5px;
@@ -34,9 +31,6 @@ export const WrapperRecipe = styled(View)`
         width: 100%;
         justify-content: flex-end;
     }
-    @media ${({ theme }) => theme.mediaQueries.below768}{
-        width: 100%;
-    }
 `
 export const Input = styled(TextInput)`
     flex:1;

src/pages/recipes/styles/recipe.js

@@ -38,9 +38,6 @@ export const StyledImage = styled(Image)`
     margin-top: -70px;
     height: 200px;
     width: 100%;
-    @media ${({theme}) => theme.mediaQueries.above768}{
-        width: 500px;
-    }
 `
 export const TextPrep = styled(Text)`
     text-align: right;