Updated footer CSS (#2929)
* Update _styles_project.scss
* Update _styles_project.scss
* Update footer.html
* Update _styles_project.scss
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index e04cb03..10dd512 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -8,19 +8,24 @@
#my-footer ul {
list-style: none;
- margin-left: 50px;
- display: inline;
font-size: 0.8em;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: center;
+ padding: 0;
}
#my-footer li {
display: inline;
margin-left: 10px;
line-height: 40px;
- float: left
}
#my-footer img {
+ display: block;
+ margin:auto;
max-width: 6rem;
max-height: 2.5rem;
}
@@ -111,4 +116,4 @@
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-}
\ No newline at end of file
+}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index e91a69f..7183bee 100755
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -30,7 +30,7 @@
<div class="row pt-2 pb-2 footer-margin-0">
<div class="container-fluid mx-sm-5">
<div class="text-center" id="my-footer">
- <img style="float:left;" alt="apache_logo" src="/imgs/apache_logo.png"/>
+ <img alt="apache_logo" src="/imgs/apache_logo.png"/>
<ul>
<li><a href="https://www.apache.org">Foundation</a></li>
<li><a href="https://www.apache.org/licenses/">License</a></li>