diff --git a/src/components/FeatureCard.tsx b/src/components/FeatureCard.tsx
index ecef5a927..4ffd5c73d 100644
--- a/src/components/FeatureCard.tsx
+++ b/src/components/FeatureCard.tsx
@@ -43,7 +43,7 @@ const Styled = styled.div<{
&:nth-of-type(2n) {
@media (min-width: 1141px) {
- flex-direction: ${({ opposite }) => (opposite ? 'reverse' : 'row-reverse')};
+ flex-direction: ${({ opposite }) => (opposite ? 'row' : 'row-reverse')};
}
@media (min-width: 1141px) {
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index e46d650c1..be4326b82 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -16,7 +16,7 @@ const StyledFooter = styled.footer`
flex-wrap: wrap;
@media(max-width: 650px) {
- justify-content: space-between;
+ justify-content: center;
ul {
padding-bottom: 4rem;
@@ -24,6 +24,18 @@ const StyledFooter = styled.footer`
width: 48%;
text-align: center;
+ @media(max-width: 650px) {
+ width: 46%;
+ margin-left: 2%;
+ margin-right: 2%;
+ }
+
+ @media(max-width: 400px) {
+ width: 48%;
+ margin-left: 1%;
+ margin-right: 1%;
+ }
+
&:not(:last-child) {
margin-bottom: 5rem;
}
@@ -34,13 +46,16 @@ const StyledFooter = styled.footer`
img {
transform: translateX(1rem);
}
+
+ @media(max-width: 650px) {
+ transform: none;
+ }
}
}
}
}
li {
-
&:not(:last-child) {
margin-bottom: 1.6rem;
}
@@ -79,6 +94,8 @@ const StyledFooter = styled.footer`
}
.contact {
+ max-width: 11rem;
+
li:not(:first-child) {
display: inline-block;
margin-left: 2rem;
@@ -173,7 +190,6 @@ const Footer: React.SFC<{}> = () => (
-