From c5435e6a8e09aee0a9dec5eb59c7ead99f8269e6 Mon Sep 17 00:00:00 2001 From: Daniel Gonzalez Date: Sat, 6 Feb 2021 13:24:47 -0400 Subject: [PATCH 1/2] style(footer): Improved footer on phones --- src/components/footer/footer.css | 18 +++++++++++++++++- src/components/footer/index.js | 12 +++++------- 2 files changed, 22 insertions(+), 8 deletions(-) diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css index f5962a7..a879416 100644 --- a/src/components/footer/footer.css +++ b/src/components/footer/footer.css @@ -60,4 +60,20 @@ ul #tor span{ margin-right: 9px; } - \ No newline at end of file + +@media screen and (max-width: 500px) { + .section-tittle{ + margin-bottom: 1rem!important; + } + #footer ul li{ + margin-left: 0; + margin-bottom: 1em; + } + #footer ul li a{ + display: block!important; +} + + #footer ul li .bar-space{ + display: none!important; +} +} \ No newline at end of file diff --git a/src/components/footer/index.js b/src/components/footer/index.js index 18c146c..5dce0a9 100644 --- a/src/components/footer/index.js +++ b/src/components/footer/index.js @@ -87,15 +87,13 @@ class Footer extends React.Component {
- - Ways to access this web-app - +

Ways to access this web-app