diff --git a/client/src/components/GameInfoCardDisplay.js b/client/src/components/GameInfoCardDisplay.js
new file mode 100644
index 0000000..29dae92
--- /dev/null
+++ b/client/src/components/GameInfoCardDisplay.js
@@ -0,0 +1,21 @@
+import React from "react";
+import propTypes from "prop-types";
+import GameInfoCard from "./GameInfoCard";
+
+export default class GameInfoCardDisplay extends React.Component {
+ constructor(props) {
+ super(props);
+
+ }
+ render() {
+ return (
+
+ {this.props.recommendedMatches.map((match) => )}
+
+ );
+ }
+}
+
+GameInfoCardDisplay.propTypes = {
+ recommendedMatches: propTypes.array,
+};
\ No newline at end of file
diff --git a/client/src/models/Match.js b/client/src/models/Match.js
index fa4f603..22c2387 100644
--- a/client/src/models/Match.js
+++ b/client/src/models/Match.js
@@ -1,4 +1,5 @@
export default class Match {
+ id;
minUsers;
MaxUsers;
registeredUsers;
diff --git a/client/src/pages/Welcome.js b/client/src/pages/Welcome.js
index 4e8123a..0799de1 100644
--- a/client/src/pages/Welcome.js
+++ b/client/src/pages/Welcome.js
@@ -14,7 +14,7 @@ export default class Welcome extends React.Component {
Why?
-
Because you want to play the sports you love while meeting new friends and foes!
+
Because you want to play the sports you love while meeting new friends!
{/* TODO: All this text should be expanded on. */}
diff --git a/client/src/styles/extra.css b/client/src/styles/extra.css
index f9eb2ad..8aaad9d 100644
--- a/client/src/styles/extra.css
+++ b/client/src/styles/extra.css
@@ -13,3 +13,7 @@
.jumbotron h1 {
font-size: 1.5rem;
}
+
+.horizontal-scroller {
+ overflow-x: scroll;
+}