Improved footer's layout
This commit is contained in:
parent
2f19ceb024
commit
fa9412033c
|
@ -7,7 +7,7 @@ import styles from './index.scss'
|
||||||
|
|
||||||
const Footer = () => (
|
const Footer = () => (
|
||||||
<Block className={styles.footer}>
|
<Block className={styles.footer}>
|
||||||
<Link padding="md" to={WELCOME_ADDRESS}>
|
<Link to={WELCOME_ADDRESS}>
|
||||||
Welcome
|
Welcome
|
||||||
</Link>
|
</Link>
|
||||||
<Link to={SAFELIST_ADDRESS}>
|
<Link to={SAFELIST_ADDRESS}>
|
||||||
|
|
|
@ -1,7 +1,10 @@
|
||||||
.footer {
|
.footer {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr auto auto;
|
grid-template-columns: 100px 100px 1fr;
|
||||||
justify-items: end;
|
grid-template-rows: 40px;
|
||||||
|
justify-items: center;
|
||||||
|
align-items: center;
|
||||||
|
border: solid 0.5px $border;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: $(screenXs)px) {
|
@media only screen and (max-width: $(screenXs)px) {
|
||||||
|
|
Loading…
Reference in New Issue