diff --git a/src/components/pages/MarketingPage.js b/src/components/pages/MarketingPage.js
index b929cb1..49df096 100644
--- a/src/components/pages/MarketingPage.js
+++ b/src/components/pages/MarketingPage.js
@@ -100,9 +100,7 @@ class MarketingPage extends React.Component {
}
render() {
- console.log(this.state.height);
const whiteSpaceheight = (this.state.height > 602) ? this.state.height - 602: 0;
- console.log(whiteSpaceheight);
return (
diff --git a/src/components/sections/TestimoniesSection.js b/src/components/sections/TestimoniesSection.js
index 2cf77ad..0fe85e3 100644
--- a/src/components/sections/TestimoniesSection.js
+++ b/src/components/sections/TestimoniesSection.js
@@ -43,13 +43,33 @@ class TestimoniesSection extends React.Component {
this.state = {
activeItem: 1,
- maxLength: testimonies.length
+ maxLength: testimonies.length,
+ width: 0,
+ height: 0
};
+
+ this.updateWindowDimensions = this.updateWindowDimensions.bind(this);
}
+ componentDidMount() {
+ this.updateWindowDimensions();
+ window.addEventListener('resize', this.updateWindowDimensions);
+ }
+
+ componentWillUnmount() {
+ window.removeEventListener('resize', this.updateWindowDimensions);
+ }
+
+ updateWindowDimensions() {
+ this.setState({ width: window.innerWidth, height: window.innerHeight });
+ }
+
+
render() {
const { activeItem, maxLength } = this.state;
+ const fontSize = (this.state.width > 1000) ? 16 * (1 + (this.state.width/2000)): 16;
+
return (
@@ -77,8 +97,8 @@ class TestimoniesSection extends React.Component {
- {testimony.name} ★★★★★
-
+
{testimony.name} ★★★★★
+
"{testimony.description}"