From fa9412033c5e97f5dc8fb3375a1a73b881896e09 Mon Sep 17 00:00:00 2001 From: apanizo Date: Thu, 30 Aug 2018 10:45:14 +0200 Subject: [PATCH] Improved footer's layout --- src/components/Footer/index.jsx | 2 +- src/components/Footer/index.scss | 7 +++++-- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/src/components/Footer/index.jsx b/src/components/Footer/index.jsx index eb1e52ed..92c158da 100644 --- a/src/components/Footer/index.jsx +++ b/src/components/Footer/index.jsx @@ -7,7 +7,7 @@ import styles from './index.scss' const Footer = () => ( - + Welcome diff --git a/src/components/Footer/index.scss b/src/components/Footer/index.scss index c5036983..e07e4e71 100644 --- a/src/components/Footer/index.scss +++ b/src/components/Footer/index.scss @@ -1,7 +1,10 @@ .footer { display: grid; - grid-template-columns: 1fr auto auto; - justify-items: end; + grid-template-columns: 100px 100px 1fr; + grid-template-rows: 40px; + justify-items: center; + align-items: center; + border: solid 0.5px $border; } @media only screen and (max-width: $(screenXs)px) {