diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx index dca00b6..527a370 100644 --- a/src/components/Footer.jsx +++ b/src/components/Footer.jsx @@ -64,8 +64,14 @@ const style = ({ end: { gridColumn: '34 / 42', display: 'flex', - alignItems: 'center', - justifyContent: 'space-evenly' + flexDirection: 'column', + justifyContent: 'flex-start', + alignItems: 'baseline', + [up('md')]: { + alignItems: 'center', + justifyContent: 'space-evenly', + flexDirection: 'row', + } }, statusLogoText: { height: '2.2rem' @@ -82,7 +88,7 @@ const style = ({ text: { color: '#5C667D', fontSize: '17px' - }, + } }) const useStyle = makeStyles(style) @@ -98,8 +104,8 @@ const Footer = () => { Assemble Status Network - - We are part of + + We are part of