Create a Responsive Footer Component

[MariaTeo]

The footer should be a responsive component. !!NOTE!! The only text that will be changed accordingly while navigating on the pages is the one from the container that includes the button.

• all content should be centered

Mobile version Main container should have the following properties: padding: 16px background-color: #6A3A5B //height 85px

Inside there should be:

• [ ] a container with a text on the right and #10
• text should have colour gray/100, font size 14px, line height 20px, bold.
• [ ] under the container with the text and the button, there should be another text with the copyright, aligned to left as well.
• the text should have colour gray/300, font size 12px, line height 18px, bold.

Tablet version Main container should have the following properties: padding: 24px background-color: #6A3A5B //height 103px

Inside there should be:

• [ ] a container with a text on the right and #10
• text should have colour gray/100, font size 20px, line height 30px, bold.
• [ ] under the container with the text and the button, there should be another text with the copyright, aligned to left as well.
• the text should have colour gray/300, font size 14px, line height 20px, bold.

Desktop version Main container should have the following properties: padding: 16px background-color: #6A3A5B //height 120px

Inside there should be:

• [ ] a container with a text on the right and #10
• text should have colour gray/100, font size 24px, line height 32px, bold.
• [ ] under the container with the text and the button, there should be another text with the copyright, aligned to left as well.
• the text should have colour gray/300, font size 16px, line height 24px, bold.