From aef0af64b6fabfa9054d99be6df7007dc51b704d Mon Sep 17 00:00:00 2001 From: Ahmed-Ayman Date: Thu, 6 Dec 2018 23:10:30 +0200 Subject: [PATCH] create the footer --- src/components/Footer.js | 6 +++++- src/stylesheets/style.css | 12 +++++++++++- 2 files changed, 16 insertions(+), 2 deletions(-) diff --git a/src/components/Footer.js b/src/components/Footer.js index 065a5d5..180ac20 100644 --- a/src/components/Footer.js +++ b/src/components/Footer.js @@ -2,7 +2,11 @@ import React from 'react'; class Footer extends React.Component{ render(){ return( - 'hello Footer!' + ) } } diff --git a/src/stylesheets/style.css b/src/stylesheets/style.css index 87ee0a8..d9a3d3a 100644 --- a/src/stylesheets/style.css +++ b/src/stylesheets/style.css @@ -37,7 +37,7 @@ } .english-text { - font-family: interstate, serif; + font-family: majalla, serif; } /* variables */ @@ -123,3 +123,13 @@ header { margin-bottom: 1em; position: relative; } +/* footer */ +footer{ + background: var(--858-light-gray-color); + position: absolute; + width: 100%; + left: 0; + margin-top: 1em; + padding: 1em; + font-weight: bold; +} \ No newline at end of file