Merge pull request reactplay#387 from 6km/main

Add some padding to the footer
Bhavika-Maurya · Jul 19, 2022 · d894895 · d894895
2 parents 1f9c682 + 530d783
commit d894895
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/App.css b/src/App.css
@@ -216,7 +216,7 @@ small {
 
 /* App Footer */
 .app-footer {
- padding: 0;
+ padding: 0 12px;
  font-size: var(--fs-xs);
  font-weight: var(--fw-light);
  color: var(--color-neutral-50);
@@ -583,4 +583,4 @@ small {
 .brand-tech-stack:hover .icon,
 .brand-tech-stack:focus .icon {
  fill: var(--color-brand-primary);
-}
+}
diff --git a/src/common/footer/Footer.jsx b/src/common/footer/Footer.jsx
@@ -1,7 +1,7 @@
 import { Link } from "react-router-dom";
 
 const Footer = () => { return (
- <footer className='app-footer'>
+ <footer className='app-footer text-center'>
  <hr className='separater' />
  <div className='flex justify-center items-center py-2'>
  <Link to='/tech-stacks'>