diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx index 70d4c65..b294695 100644 --- a/src/components/Footer/index.tsx +++ b/src/components/Footer/index.tsx @@ -7,16 +7,21 @@ import LI from '../../assets/linkedin.svg'; const Footer: React.FC = () => { return ( -

Hazem Krimi © {new Date().getFullYear()}

+

+ + Hazem Krimi + {' '} + © {new Date().getFullYear()} +

- - LinkedIn + + Github Twitter - - Github + + LinkedIn
diff --git a/src/components/Footer/styles.ts b/src/components/Footer/styles.ts index bda1ae7..70c94ec 100644 --- a/src/components/Footer/styles.ts +++ b/src/components/Footer/styles.ts @@ -6,20 +6,24 @@ export const Wrapper = styled.div` align-items: center; padding: 0.5rem 0rem; + a { + text-decoration: none; + } + p { justify-self: flex-start; } .contact { display: grid; - grid-template-columns: repeat(3, 24px); - column-gap: 0.25rem; + grid-template-columns: repeat(3, 16px); + column-gap: 0.5rem; align-items: center; justify-content: flex-end; img { - width: 24px; - height: 24px; + width: 16px; + height: 16px; } } `;