Merge pull request #222 from Web-Dev-Path/fix/contact-form-message-position

Fixing contact form message position desktop and mobile

Author: mariana-caldas

CHANGELOG.md

@@ -136,3 +136,4 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - Fixed search funcitionality on blog page
 - Fixed dev.to images not showing due to them changing image host
 - Fixed styling issue on nav links
+- Fixed contact form message position

styles/pages/contactStyles.js

@@ -100,22 +100,14 @@ const YellowColon = styled.img`
 `;
 
 const ResponseMessage = styled.div`
-  position: absolute;
-  right: 8%;
+  position: unset;
   bottom: -5%;
-  margin: auto;
+  padding: 0 2rem;
 
   ${props => css`
-    @media (min-width: ${props.theme.breakpoints.mobile}) {
-      position: unset;
+    @media (min-width: ${props.theme.breakpoints.tablet}) {
+      position: absolute;
       margin-top: 1rem;
-      padding: 0 2rem;
-    }
-  `}
-
-  ${props => css`
-    @media (min-width: ${props.theme.breakpoints.smMobile}) {
-      max-width: fit-content;
     }
   `}
 `;