diff --git a/pages/index.jsx b/pages/index.jsx index 16b9575..37f8543 100644 --- a/pages/index.jsx +++ b/pages/index.jsx @@ -7,13 +7,12 @@ export default function Home() {
StackDemo - + - + - +
) } diff --git a/src/components/Footer/index.jsx b/src/components/Footer/index.jsx index 3440a51..749bb49 100644 --- a/src/components/Footer/index.jsx +++ b/src/components/Footer/index.jsx @@ -3,24 +3,40 @@ import "./style.scss"; const Footer = () => { return ( - + ); }; diff --git a/src/components/Footer/style.scss b/src/components/Footer/style.scss index 399094f..a639e18 100644 --- a/src/components/Footer/style.scss +++ b/src/components/Footer/style.scss @@ -15,3 +15,6 @@ position: relative; // color: white; } +#custom-footer{ + padding: 16px; +} diff --git a/src/components/Newsletter/index.jsx b/src/components/Newsletter/index.jsx index 56f6eb3..4e5cdc3 100644 --- a/src/components/Newsletter/index.jsx +++ b/src/components/Newsletter/index.jsx @@ -4,7 +4,6 @@ import './style.scss'; const Newsletter = () => { return (
- { placeholder="Email" required /> +
); }; diff --git a/src/components/Shelf/ShelfHeader/index.jsx b/src/components/Shelf/ShelfHeader/index.jsx index 553b705..8762fda 100644 --- a/src/components/Shelf/ShelfHeader/index.jsx +++ b/src/components/Shelf/ShelfHeader/index.jsx @@ -6,13 +6,22 @@ import Clearfix from '../../Clearfix'; const ShelfHeader = props => { return ( -
- - {props.productsLength} Product(s) found. - - - -
+ <> +
+ Products +
+
+ +

{props.productsLength} Product(s) found.

+
+ + +
+ ); };